style(projects): format code

src/layouts/modules/theme-drawer/components/layout-mode-card.vue

@@ -7,28 +7,22 @@ defineOptions({
   name: 'LayoutModeCard'
 });
 
+const props = defineProps<Props>();
+
+const emit = defineEmits<Emits>();
+
 interface Props {
-  /**
-   * layout mode
-   */
+  /** Layout mode */
   mode: UnionKey.ThemeLayoutMode;
-  /**
-   * disabled
-   */
+  /** Disabled */
   disabled?: boolean;
 }
 
-const props = defineProps<Props>();
-
 interface Emits {
-  /**
-   * layout mode change
-   */
+  /** Layout mode change */
   (e: 'update:mode', mode: UnionKey.ThemeLayoutMode): void;
 }
 
-const emit = defineEmits<Emits>();
-
 type LayoutConfig = Record<
   UnionKey.ThemeLayoutMode,
   {

src/layouts/modules/theme-drawer/components/setting-item.vue

@@ -3,14 +3,12 @@ defineOptions({
   name: 'SettingItem'
 });
 
+defineProps<Props>();
+
 interface Props {
-  /**
-   * label
-   */
+  /** Label */
   label: string;
 }
-
-defineProps<Props>();
 </script>
 
 <template>

src/layouts/modules/theme-drawer/modules/config-operation.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import Clipboard from 'clipboard';
 import { $t } from '@/locales';
 import { useThemeStore } from '@/store/modules/theme';

src/layouts/modules/theme-drawer/modules/page-fun.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue';
 import { $t } from '@/locales';
 import { useThemeStore } from '@/store/modules/theme';
-import { themeScrollModeOptions, themePageAnimationModeOptions, themeTabModeOptions } from '@/constants/app';
+import { themePageAnimationModeOptions, themeScrollModeOptions, themeTabModeOptions } from '@/constants/app';
 import SettingItem from '../components/setting-item.vue';
 
 defineOptions({