update

src/desktop/Header.vue

@@ -1,18 +1,29 @@
 <script setup lang="ts">
-import type { SelectOption } from "naive-ui"
+import { useMessage, type SelectOption } from "naive-ui"
 import { useDark, useToggle } from "@vueuse/core"
 import Play from "../icons/Play.vue"
-import { copy, reset, run, loading } from "../composables/code"
+import {
+  code,
+  copy,
+  reset,
+  run,
+  loading,
+  changeLanguage,
+} from "../composables/code"
 
+const message = useMessage()
 const isDark = useDark()
 const toggleDark = useToggle(isDark)
 
 const languages: SelectOption[] = [
-  { value: "c", label: "C" },
   { value: "python", label: "Python" },
-  { value: "cpp", label: "C++" },
-  { value: "java", label: "Java" },
+  { value: "c", label: "C" },
 ]
+
+function copyAndNotify() {
+  copy()
+  message.success("已经复制好了")
+}
 </script>
 
 <template>
@@ -24,8 +35,13 @@ const languages: SelectOption[] = [
           {{ isDark ? "浅色" : "深色" }}
         </n-button>
         <n-button @click="reset">重置</n-button>
-        <n-button @click="copy">复制</n-button>
-        <n-select class="select" :options="languages"></n-select>
+        <n-button @click="copyAndNotify">复制</n-button>
+        <n-select
+          class="select"
+          :options="languages"
+          v-model:value="code.language"
+          @update:value="changeLanguage"
+        />
         <n-button type="primary" @click="run" :loading="loading">
           <template #icon>
             <n-icon>