+
diff --git a/src/main.ts b/src/main.ts
index c31965b..2ad1308 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,9 +1,8 @@
-import App from './App.vue'
-import router from '@/router'
-import { createPinia } from 'pinia'
import { createApp } from 'vue'
import dayjs from 'dayjs'
-
+import { createPinia } from 'pinia'
+import router from '@/router'
+import App from './App.vue'
import '@/styles/common.less'
import '@varlet/touch-emulator'
import 'virtual:uno.css'
diff --git a/src/request/index.ts b/src/request/index.ts
index 3d97529..a386cae 100644
--- a/src/request/index.ts
+++ b/src/request/index.ts
@@ -4,12 +4,12 @@ import { createApi } from '@varlet/axle/api'
import { createUseAxle } from '@varlet/axle/use'
export const axle = createAxle({
- baseURL: import.meta.env.VITE_MOCK_API_BASE
+ baseURL: import.meta.env.VITE_MOCK_API_BASE,
})
export const useAxle = createUseAxle({
axle,
- onTransform: (response) => response.data
+ onTransform: (response) => response.data,
})
export const api = createApi(axle, useAxle)
diff --git a/src/router/index.ts b/src/router/index.ts
index 1c5dd97..bfc1e6a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,16 +1,16 @@
-import { routes } from 'vue-router/auto-routes'
import { setupLayouts } from 'virtual:generated-layouts'
import { createRouter, createWebHashHistory, Router } from 'vue-router'
+import { routes } from 'vue-router/auto-routes'
const router: Router = createRouter({
history: createWebHashHistory(),
routes: [
{
path: '/',
- redirect: '/home'
+ redirect: '/home',
},
- ...setupLayouts(routes)
- ]
+ ...setupLayouts(routes),
+ ],
})
export default router
diff --git a/src/styles/common.less b/src/styles/common.less
index f8cc776..dda97bd 100644
--- a/src/styles/common.less
+++ b/src/styles/common.less
@@ -24,7 +24,9 @@ body {
margin: 0;
padding: 0;
min-height: 100vh;
- transition: background-color 0.25s, color 0.25s;
+ transition:
+ background-color 0.25s,
+ color 0.25s;
color: var(--color-text);
background-color: var(--color-body);
color-scheme: var(--color-scheme);
diff --git a/src/styles/dark.ts b/src/styles/dark.ts
index cba93e5..fa689c9 100644
--- a/src/styles/dark.ts
+++ b/src/styles/dark.ts
@@ -8,5 +8,5 @@ export const darkTheme = {
'--hsl-tertiary': 'var(--hsl-on-surface-variant)',
'--color-tertiary': 'hsla(var(--hsl-tertiary), 1)',
'--hsl-muted': '264, 5%, 58%',
- '--color-muted': 'hsla(var(--hsl-muted), 1)'
+ '--color-muted': 'hsla(var(--hsl-muted), 1)',
}
diff --git a/src/styles/light.ts b/src/styles/light.ts
index 2b8fddc..8e43e88 100644
--- a/src/styles/light.ts
+++ b/src/styles/light.ts
@@ -8,5 +8,5 @@ export const lightTheme = {
'--hsl-tertiary': 'var(--hsl-on-surface-variant)',
'--color-tertiary': 'hsla(var(--hsl-tertiary), 1)',
'--hsl-muted': '270, 4%, 47%',
- '--color-muted': 'hsla(var(--hsl-muted), 1)'
+ '--color-muted': 'hsla(var(--hsl-muted), 1)',
}
diff --git a/tsconfig.json b/tsconfig.json
index f1c387d..cbf70c8 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -14,10 +14,7 @@
"strict": true,
"noUnusedLocals": true,
"strictNullChecks": true,
- "types": [
- "unplugin-vue-router/client",
- "vite-plugin-vue-layouts/client"
- ],
+ "types": ["unplugin-vue-router/client", "vite-plugin-vue-layouts/client"],
"paths": {
"@/*": ["./src/*"]
}
diff --git a/uno.config.ts b/uno.config.ts
index c783e53..c7bd6c1 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -1,6 +1,6 @@
-import { defineConfig, presetUno, presetIcons } from 'unocss'
-import { presetVarlet } from '@varlet/preset-unocss'
import presetRemToPx from '@unocss/preset-rem-to-px'
+import { presetVarlet } from '@varlet/preset-unocss'
+import { defineConfig, presetIcons, presetUno } from 'unocss'
export default defineConfig({
presets: [presetUno(), presetRemToPx(), presetIcons(), presetVarlet()],
@@ -11,8 +11,8 @@ export default defineConfig({
tertiary: 'var(--color-tertiary)',
hslTertiary: 'hsla(var(--hsl-tertiary),
)',
muted: 'var(--color-muted)',
- hslMuted: 'hsla(var(--hsl-muted), )'
- }
+ hslMuted: 'hsla(var(--hsl-muted), )',
+ },
},
rules: [
[
@@ -27,13 +27,13 @@ export default defineConfig({
'6xl': '28px',
'7xl': '30px',
'8xl': '32px',
- '9xl': '34px'
+ '9xl': '34px',
}
return {
- 'font-size': sizes[s as keyof typeof sizes]
+ 'font-size': sizes[s as keyof typeof sizes],
}
- }
- ]
- ]
+ },
+ ],
+ ],
})
diff --git a/vite.config.ts b/vite.config.ts
index 253dbbe..837ef9b 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,31 +1,31 @@
+import { fileURLToPath, URL } from 'node:url'
+import { VarletImportResolver } from '@varlet/import-resolver'
+import icon from '@varlet/unplugin-icon-builder/vite'
import vue from '@vitejs/plugin-vue'
import jsx from '@vitejs/plugin-vue-jsx'
+import unoCSS from 'unocss/vite'
import autoImport from 'unplugin-auto-import/vite'
import components from 'unplugin-vue-components/vite'
import vueRouter from 'unplugin-vue-router/vite'
-import icon from '@varlet/unplugin-icon-builder/vite'
-import layouts from 'vite-plugin-vue-layouts'
-import unoCSS from 'unocss/vite'
-import { fileURLToPath, URL } from 'node:url'
-import { VarletImportResolver } from '@varlet/import-resolver'
import { defineConfig } from 'vite'
+import layouts from 'vite-plugin-vue-layouts'
export default defineConfig({
base: './',
resolve: {
alias: {
- '@': fileURLToPath(new URL('./src', import.meta.url))
- }
+ '@': fileURLToPath(new URL('./src', import.meta.url)),
+ },
},
server: {
host: '0.0.0.0',
- port: 10087
+ port: 10087,
},
build: {
- target: ['ios12']
+ target: ['ios12'],
},
plugins: [
@@ -38,15 +38,15 @@ export default defineConfig({
'var-image': ['src'],
'var-avatar': ['src'],
'var-card': ['src'],
- 'var-app-bar': ['image']
- }
- }
+ 'var-app-bar': ['image'],
+ },
+ },
}),
layouts(),
vueRouter({
- exclude: ['**/components/**', '**/composables/**', '**/lib/**']
+ exclude: ['**/components/**', '**/composables/**', '**/lib/**'],
}),
jsx(),
@@ -54,16 +54,16 @@ export default defineConfig({
icon({ dir: 'src/assets/icons', onDemand: true }),
components({
- resolvers: [VarletImportResolver()]
+ resolvers: [VarletImportResolver()],
}),
autoImport({
imports: ['vue', 'vue-router', 'pinia', 'vue-i18n'],
dirs: ['./src/composables', './src/stores'],
eslintrc: { enabled: true },
- resolvers: [VarletImportResolver({ autoImport: true })]
+ resolvers: [VarletImportResolver({ autoImport: true })],
}),
- unoCSS()
- ]
+ unoCSS(),
+ ],
})