style: format code

src/layout/header/Actions/component/ConfigureDrawer.vue

@@ -11,6 +11,7 @@ import {
 } from 'naive-ui'
 import { h, ref } from 'vue'
 
+import packageJson from '@/../package.json'
 import { ButtonAnimation } from '@/components'
 import { useComponentThemeOverrides } from '@/composable/comp/useComponentThemeOverrides'
 import { usePersonalization } from '@/composable/usePersonalization'
@@ -20,12 +21,6 @@ import twColors from '@/utils/tailwindColor'
 import NoiseModal from './NoiseModal.vue'
 import WatermarkModal from './WatermarkModal.vue'
 
-import type { DrawerProps } from 'naive-ui'
-
-export interface SiteConfigProps extends /* @vue-ignore */ DrawerProps {}
-
-import packageJson from '@/../package.json'
-
 const configureStore = useConfigureStore()
 
 const { color, setColor } = usePersonalization()

src/layout/header/Actions/component/SignOut.vue

@@ -29,4 +29,3 @@ const onConfirm = () => {
     <span class="iconify size-5 ph--sign-out" />
   </ButtonAnimation>
 </template>
-<style></style>

src/router/index.ts

@@ -15,7 +15,7 @@ const routes: RouteRecordRaw[] = [
 
 export const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
-  routes: routes,
+  routes,
   strict: true,
 })
 

src/theme/common.ts

@@ -31,7 +31,7 @@ export function commonThemeOverrides(primaryColor = ''): GlobalThemeOverrides {
 
       borderRadius: '4px',
 
-      primaryColor: primaryColor,
+      primaryColor,
       primaryColorHover: cdh(primaryColor, 0.1),
       primaryColorPressed: cdh(primaryColor, 0.2),
       primaryColorSuppl: primaryColor,

src/views/about/index.vue

@@ -17,7 +17,7 @@ const { isDark } = usePersonalization()
 
 const { dependencies, devDependencies } = packageJson
 
-const directoryStructureHighlight = ref(``)
+const directoryStructureHighlight = ref('')
 const dependenciesCodeHighlight = ref('')
 const devDependenciesCodeHighlight = ref('')
 

src/views/dashboard/index.vue

@@ -304,7 +304,7 @@ function initRevenueChart() {
         fontSize: 11,
         formatter(value: number) {
           if (value === 0) return '0'
-          return (value / 1000).toFixed(0) + ',000'
+          return `${(value / 1000).toFixed(0)},000`
         },
       },
       splitLine: {
@@ -714,7 +714,7 @@ function initMonthlyRadarChart() {
         fontSize: 12,
         formatter(value: number) {
           if (value >= 1000) {
-            return (value / 1000).toFixed(0) + 'k'
+            return `${(value / 1000).toFixed(0)}k`
           }
           return value
         },

src/views/data-show/data-form/index.vue

@@ -157,7 +157,7 @@ function inputOnlyAllowNumber(value: string) {
 
 function generateRandomForm() {
   isRequestLoading.value = true
-  fetch(`https://lithe-admin-serverless.vercel.app/api/faker`)
+  fetch('https://lithe-admin-serverless.vercel.app/api/faker')
     .then((res) => res.json())
     .then((res) => {
       setForm(res.data)

src/views/feedback/discreteApi.ts

@@ -9,7 +9,7 @@ const { getModalModifier } = useComponentModifier()
 
 export const useMessageDiscrete = (type: MessageType = 'info') => {
   message.create(`${type} - 与Setup里调用单独分开显示`, {
-    type: type,
+    type,
     duration: 0,
     closable: true,
   })
@@ -21,7 +21,7 @@ export const useModalDiscrete = (type: ModalOptions['type'] = 'info') => {
     title: `${type}`,
     content: `Setup 外的 ${type} Dialog`,
     preset: 'dialog',
-    type: type,
+    type,
     positiveText: '确认',
     negativeText: '算了',
   })
@@ -29,7 +29,7 @@ export const useModalDiscrete = (type: ModalOptions['type'] = 'info') => {
 
 export const useNotificationDiscrete = (type: NotificationType = 'info') => {
   notification.create({
-    type: type,
+    type,
     content: '又要说点啥呢',
     meta: '我是 Setup 外的 Notification， 出现位置当然可以不一样',
   })

src/views/feedback/index.vue

@@ -38,7 +38,7 @@ const handleChangeMessageStateType = () => {
     if (counter <= 0) {
       clearInterval(timer)
       messageInstance.type = 'error'
-      messageInstance.content = `切换图标了`
+      messageInstance.content = '切换图标了'
       return
     }
     messageInstance.content = `${counter}秒后 根据状态类更换图标`

src/views/multi-level-menu/index.vue

@@ -10,4 +10,3 @@ const route = useRoute()
     </div>
   </div>
 </template>
-<style></style>