update

src/App.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { zhCN, dateZhCN, darkTheme } from "naive-ui"
 import { useDark } from "@vueuse/core"
+import { darkTheme, dateZhCN, zhCN } from "naive-ui"
+import { onMounted } from "vue"
+import { isDesktop } from "./composables/breakpoints"
+import { init } from "./composables/code"
 import Desktop from "./desktop/index.vue"
 import Mobile from "./mobile/index.vue"
-import { isDesktop } from "./composables/breakpoints"
-import { onMounted } from "vue"
-import { init } from "./composables/code"
 
 const isDark = useDark()
 

src/components/CodeEditor.vue

@@ -1,15 +1,15 @@
 <script lang="ts" setup>
-import { computed, ref, watch } from "vue"
-import { useDark } from "@vueuse/core"
-import { Codemirror } from "vue-codemirror"
 import { cpp } from "@codemirror/lang-cpp"
 import { python } from "@codemirror/lang-python"
 import { EditorState } from "@codemirror/state"
 import { EditorView } from "@codemirror/view"
-import { LANGUAGE } from "../types"
+import { Icon } from "@iconify/vue"
+import { useDark } from "@vueuse/core"
+import { computed, ref, watch } from "vue"
+import { Codemirror } from "vue-codemirror"
 import { oneDark } from "../themes/oneDark"
 import { smoothy } from "../themes/smoothy"
-import { Icon } from "@iconify/vue"
+import { LANGUAGE } from "../types"
 
 interface Props {
   modelValue: string

src/components/SelectLanguage.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { code } from "../composables/code"
 import type { SelectOption } from "naive-ui"
 import { h } from "vue"
+import { code } from "../composables/code"
 
 const LANGS = [
   ["python", "Python"],

src/desktop/Content.vue

@@ -1,18 +1,18 @@
 <script lang="ts" setup>
 import copyTextToClipboard from "copy-text-to-clipboard"
+import { useMessage } from "naive-ui"
+import { computed } from "vue"
+import CodeEditor from "../components/CodeEditor.vue"
+import { analyse, analyzeError, showAnalyse } from "../composables/analyse"
 import {
+  clearInput,
   code,
-  size,
   input,
   output,
-  status,
   reset,
-  clearInput,
+  size,
+  status,
 } from "../composables/code"
-import { showAnalyse, analyzeError, analyse } from "../composables/analyse"
-import CodeEditor from "../components/CodeEditor.vue"
-import { computed } from "vue"
-import { useMessage } from "naive-ui"
 import { Status } from "../types"
 
 const showInputClearBtn = computed(() => !!input.value)

src/desktop/File.vue

@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import {
-  files,
   addFive,
-  run,
   download,
+  files,
   onChange,
   remove,
   reset,
+  run,
 } from "../composables/file"
 </script>
 <template>

src/desktop/Header.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { size, run, loading, share } from "../composables/code"
-import ThemeButton from "../components/ThemeButton.vue"
-import SelectLanguage from "../components/SelectLanguage.vue"
-import { useMessage } from "naive-ui"
 import { Icon } from "@iconify/vue"
+import { useMessage } from "naive-ui"
+import SelectLanguage from "../components/SelectLanguage.vue"
+import ThemeButton from "../components/ThemeButton.vue"
+import { loading, run, share, size } from "../composables/code"
 
 const message = useMessage()
 

src/desktop/index.vue

@@ -12,12 +12,12 @@
   </n-modal>
 </template>
 <script lang="ts" setup>
-import Header from "./Header.vue"
-import Content from "./Content.vue"
-import File from "./File.vue"
 import { useMagicKeys, whenever } from "@vueuse/core"
 import { ref } from "vue"
 import { run } from "../composables/code"
+import Content from "./Content.vue"
+import File from "./File.vue"
+import Header from "./Header.vue"
 
 const show = ref(false)
 

src/mobile/Content.vue

@@ -1,17 +1,16 @@
 <script lang="ts" setup>
-import { onUnmounted, computed } from "vue"
 import { EditorView } from "@codemirror/view"
 import { whenever } from "@vueuse/core"
 import { useThemeVars } from "naive-ui"
+import { computed, onUnmounted } from "vue"
 import CodeEditor from "../components/CodeEditor.vue"
-import ThemeButton from "../components/ThemeButton.vue"
 import SelectLanguage from "../components/SelectLanguage.vue"
-import Helper from "./Helper.vue"
+import ThemeButton from "../components/ThemeButton.vue"
 import { code, input, output, size, status } from "../composables/code"
-import { Status } from "../types"
-import { tab } from "../composables/tab"
-import { Tab } from "../types"
 import { insertText } from "../composables/helper"
+import { tab } from "../composables/tab"
+import { Status, Tab } from "../types"
+import Helper from "./Helper.vue"
 
 let codeEditor: EditorView | null = null
 

src/mobile/Header.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
+import { Icon } from "@iconify/vue"
+import copyTextToClipboard from "copy-text-to-clipboard"
 import { useMessage, type DropdownOption } from "naive-ui"
 import { code, loading, reset, run, share } from "../composables/code"
 import { tab } from "../composables/tab"
-import copyTextToClipboard from "copy-text-to-clipboard"
-import { Icon } from "@iconify/vue"
 
 const message = useMessage()
 function switchAndRun() {

src/mobile/Helper.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { cTexts, insertText, pythonTexts } from "../composables/helper"
-import { code } from "../composables/code"
 import { computed } from "vue"
+import { code } from "../composables/code"
+import { cTexts, insertText, pythonTexts } from "../composables/helper"
 
 function insert(text: string) {
   insertText.value = text