Add documentation for CLI commands and introduce real-time voice command exploration

- Created a new README.md file detailing CLI commands for synchronization and usage.
- Added a section discussing the potential of real-time voice commands in daily life.
- Introduced a new slides.md file for a presentation on "超级桌面生活指令" (Super Desktop Life Commands).
- Included background and theme settings for the presentation slides.

components/Counter.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const props = defineProps({
+  count: {
+    default: 0,
+  },
+})
+
+const counter = ref(props.count)
+</script>
+
+<template>
+  <div class="flex w-min border border-main rounded-md">
+    <button
+      class="border-r border-main p-2 font-mono outline-none hover:bg-gray-400 hover:bg-opacity-20"
+      @click="counter -= 1"
+    >
+      -
+    </button>
+    <span class="m-auto p-2">{{ counter }}</span>
+    <button
+      class="border-l border-main p-2 font-mono outline-none hover:bg-gray-400 hover:bg-opacity-20"
+      @click="counter += 1"
+    >
+      +
+    </button>
+  </div>
+</template>

components/GoBack.vue

@@ -0,0 +1,31 @@
+<template>
+  <div @click="onClick" class="mr-2 py-1 inline text-gray-500" hover:bg="white op-10">
+    <slot>
+      <carbon:arrow-left v-if="props.arrow === 'left'" />
+      <carbon:arrow-right v-else-if="props.arrow === 'right'" />
+      <carbon:arrow-up v-else-if="props.arrow === 'up'" />
+      <carbon:arrow-down v-else-if="props.arrow === 'down'" />
+      <carbon:arrow-left v-else />
+    </slot>
+  </div>
+</template>
+<script setup lang="ts">
+import { useSlideContext } from '@slidev/client';
+
+const { $slidev } = useSlideContext();
+const props = defineProps({
+  go: {
+    default: 1,
+    type: [Number, String],
+  },
+  arrow: {
+    type: String,
+    default: 'left', // 'left', 'right', 'up', or 'down'
+  },
+});
+const onClick = () => {
+  const go = props.go;
+  console.log('GoBack.vue go:', go);
+  $slidev.nav.go(go);
+};
+</script>

components/MyFooter.vue

@@ -0,0 +1,19 @@
+<!-- Foo.vue -->
+
+<template>
+  <div class="fixed bottom-3 right-2 text-gray-300 font-light text-sm">
+   <a :href="link + basename">{{ link + basename }}</a>
+  </div>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  link: {
+    type: String,
+    default: 'https://kevisual.cn',
+  },
+  basename: {
+    type: String,
+    default: '',
+  },
+});
+</script>