From da16f24577443836dffdefc071b5a8ccef135751 Mon Sep 17 00:00:00 2001
From: ccbikai <ccbikai@gmail.com>
Date: Tue, 24 Dec 2024 21:10:36 +0800
Subject: [PATCH] style: eslint

---
 .vscode/settings.json                      | 50 ++++++++++++++-
 components/dashboard/Counters.vue          |  2 +-
 components/dashboard/links/Editor.vue      | 10 +--
 components/dashboard/links/Index.vue       |  2 +-
 components/dashboard/links/Link.vue        |  4 +-
 components/dashboard/links/Search.vue      |  2 +-
 components/dashboard/metrics/Locations.vue |  2 +-
 components/dashboard/metrics/name/Icon.vue | 22 +++----
 components/home/Hero.vue                   |  2 +-
 components/home/Twitter.vue                |  2 +-
 components/login/index.vue                 |  2 +-
 nuxt.config.ts                             | 72 +++++++++++-----------
 schemas/link.ts                            |  2 +-
 server/api/link/ai.get.ts                  |  2 +-
 server/api/stats/metrics.get.ts            |  2 +-
 server/api/stats/views.get.ts              |  2 +-
 server/middleware/1.redirect.ts            |  2 +-
 server/utils/access-log.ts                 |  6 +-
 server/utils/query-filter.ts               |  4 +-
 utils/color.ts                             |  2 +-
 20 files changed, 120 insertions(+), 74 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 68d55ed..e3dd158 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,50 @@
 {
-  // Enable ESlint flat config support
-  "eslint.useFlatConfig": true
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off", "fixable": true },
+    { "rule": "format/*", "severity": "off", "fixable": true },
+    { "rule": "*-indent", "severity": "off", "fixable": true },
+    { "rule": "*-spacing", "severity": "off", "fixable": true },
+    { "rule": "*-spaces", "severity": "off", "fixable": true },
+    { "rule": "*-order", "severity": "off", "fixable": true },
+    { "rule": "*-dangle", "severity": "off", "fixable": true },
+    { "rule": "*-newline", "severity": "off", "fixable": true },
+    { "rule": "*quotes", "severity": "off", "fixable": true },
+    { "rule": "*semi", "severity": "off", "fixable": true }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "svelte",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ]
 }
diff --git a/components/dashboard/Counters.vue b/components/dashboard/Counters.vue
index e0b4a1e..528de8e 100644
--- a/components/dashboard/Counters.vue
+++ b/components/dashboard/Counters.vue
@@ -1,6 +1,6 @@
 <script setup>
-import { Flame, MousePointerClick, Users } from 'lucide-vue-next'
 import NumberFlow from '@number-flow/vue'
+import { Flame, MousePointerClick, Users } from 'lucide-vue-next'
 
 const defaultData = Object.freeze({
   visits: 0,
diff --git a/components/dashboard/links/Editor.vue b/components/dashboard/links/Editor.vue
index 4f7fb3b..7f24bf7 100644
--- a/components/dashboard/links/Editor.vue
+++ b/components/dashboard/links/Editor.vue
@@ -1,11 +1,11 @@
 <script setup>
-import { z } from 'zod'
-import { useForm } from 'vee-validate'
-import { toTypedSchema } from '@vee-validate/zod'
-import { Shuffle, Sparkles } from 'lucide-vue-next'
-import { toast } from 'vue-sonner'
 import { DependencyType } from '@/components/ui/auto-form/interface'
 import { LinkSchema, nanoid } from '@/schemas/link'
+import { toTypedSchema } from '@vee-validate/zod'
+import { Shuffle, Sparkles } from 'lucide-vue-next'
+import { useForm } from 'vee-validate'
+import { toast } from 'vue-sonner'
+import { z } from 'zod'
 
 const props = defineProps({
   link: {
diff --git a/components/dashboard/links/Index.vue b/components/dashboard/links/Index.vue
index cebaad8..f2497fe 100644
--- a/components/dashboard/links/Index.vue
+++ b/components/dashboard/links/Index.vue
@@ -1,6 +1,6 @@
 <script setup>
-import { Loader } from 'lucide-vue-next'
 import { useInfiniteScroll } from '@vueuse/core'
+import { Loader } from 'lucide-vue-next'
 
 const links = ref([])
 const limit = 24
diff --git a/components/dashboard/links/Link.vue b/components/dashboard/links/Link.vue
index 13d20cd..f8f6763 100644
--- a/components/dashboard/links/Link.vue
+++ b/components/dashboard/links/Link.vue
@@ -1,8 +1,8 @@
 <script setup>
-import { CalendarPlus2, Copy, CopyCheck, Eraser, Hourglass, Link as LinkIcon, QrCode, SquareChevronDown, SquarePen } from 'lucide-vue-next'
 import { useClipboard } from '@vueuse/core'
-import { toast } from 'vue-sonner'
+import { CalendarPlus2, Copy, CopyCheck, Eraser, Hourglass, Link as LinkIcon, QrCode, SquareChevronDown, SquarePen } from 'lucide-vue-next'
 import { parseURL } from 'ufo'
+import { toast } from 'vue-sonner'
 import QRCode from './QRCode.vue'
 
 const props = defineProps({
diff --git a/components/dashboard/links/Search.vue b/components/dashboard/links/Search.vue
index bbcb0e6..f57abfa 100644
--- a/components/dashboard/links/Search.vue
+++ b/components/dashboard/links/Search.vue
@@ -63,7 +63,7 @@ onMounted(() => {
     </Button>
     <Dialog :open="isOpen" @update:open="isOpen = !isOpen">
       <DialogContent class="overflow-hidden p-0 shadow-lg">
-        <Command v-model:searchTerm="searchTerm" v-model="selectedLink" class="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+        <Command v-model:search-term="searchTerm" v-model="selectedLink" class="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
           <CommandInput placeholder="Type to search..." />
           <CommandList>
             <CommandEmpty v-if="searchTerm">
diff --git a/components/dashboard/metrics/Locations.vue b/components/dashboard/metrics/Locations.vue
index 0c578f8..1c6f392 100644
--- a/components/dashboard/metrics/Locations.vue
+++ b/components/dashboard/metrics/Locations.vue
@@ -1,6 +1,6 @@
 <script setup>
-import { VisSingleContainer, VisTopoJSONMap, VisTopoJSONMapSelectors } from '@unovis/vue'
 import { ChartTooltip } from '@/components/ui/chart'
+import { VisSingleContainer, VisTopoJSONMap, VisTopoJSONMapSelectors } from '@unovis/vue'
 
 const id = inject('id')
 const startAt = inject('startAt')
diff --git a/components/dashboard/metrics/name/Icon.vue b/components/dashboard/metrics/name/Icon.vue
index 38ccfcc..36ea404 100644
--- a/components/dashboard/metrics/name/Icon.vue
+++ b/components/dashboard/metrics/name/Icon.vue
@@ -1,4 +1,13 @@
 <script setup>
+import {
+  Globe,
+  Laptop,
+  MonitorCheck,
+  Smartphone,
+  Tablet,
+  Terminal,
+} from 'lucide-vue-next'
+
 // https://vue3-simple-icons.wyatt-herkamp.dev/
 import {
   AndroidIcon,
@@ -20,23 +29,14 @@ import {
   SamsungIcon,
   UbuntuIcon,
   VivoIcon,
-  WeChatIcon,
   WearOsIcon,
+  WeChatIcon,
+  XiaomiIcon,
   // WindowsIcon,
   XIcon,
-  XiaomiIcon,
   YandexCloudIcon,
 } from 'vue3-simple-icons'
 
-import {
-  Globe,
-  Laptop,
-  MonitorCheck,
-  Smartphone,
-  Tablet,
-  Terminal,
-} from 'lucide-vue-next'
-
 defineProps({
   name: {
     type: String,
diff --git a/components/home/Hero.vue b/components/home/Hero.vue
index dc1e47b..9d99eaa 100644
--- a/components/home/Hero.vue
+++ b/components/home/Hero.vue
@@ -1,7 +1,7 @@
 <script setup>
+import heroImg from '@/assets/images/hero.svg?raw'
 import { AreaChart } from 'lucide-vue-next'
 import { GitHubIcon } from 'vue3-simple-icons'
-import heroImg from '@/assets/images/hero.svg?raw'
 
 const { title, description, github } = useAppConfig()
 </script>
diff --git a/components/home/Twitter.vue b/components/home/Twitter.vue
index c93e7fc..3e2d91b 100644
--- a/components/home/Twitter.vue
+++ b/components/home/Twitter.vue
@@ -1,6 +1,6 @@
 <script setup>
-import { XIcon } from 'vue3-simple-icons'
 import { ArrowRight } from 'lucide-vue-next'
+import { XIcon } from 'vue3-simple-icons'
 
 const { twitter } = useAppConfig()
 </script>
diff --git a/components/login/index.vue b/components/login/index.vue
index ef590e2..e8c2e3e 100644
--- a/components/login/index.vue
+++ b/components/login/index.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { AlertCircle } from 'lucide-vue-next'
-import { z } from 'zod'
 import { toast } from 'vue-sonner'
+import { z } from 'zod'
 
 const LoginSchema = z.object({
   token: z.string().describe('SiteToken'),
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 30beb15..2615408 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,6 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  devtools: { enabled: true },
 
   modules: [
     '@nuxthub/core',
@@ -9,46 +8,12 @@ export default defineNuxtConfig({
     '@nuxtjs/tailwindcss',
     '@nuxtjs/color-mode',
   ],
+  devtools: { enabled: true },
 
   colorMode: {
     classSuffix: '',
   },
 
-  routeRules: {
-    '/': {
-      prerender: true,
-    },
-    '/dashboard/**': {
-      ssr: false,
-    },
-    '/dashboard': {
-      redirect: '/dashboard/links',
-    },
-  },
-
-  hub: {
-    ai: true,
-    analytics: true,
-    blob: false,
-    cache: false,
-    database: false,
-    kv: true,
-  },
-
-  eslint: {
-    config: {
-      stylistic: true,
-      standalone: false,
-    },
-  },
-
-  nitro: {
-    experimental: {
-      // Enable Server API documentation within NuxtHub
-      openAPI: true,
-    },
-  },
-
   runtimeConfig: {
     siteToken: 'SinkCool',
     redirectStatusCode: '301',
@@ -67,5 +32,40 @@ export default defineNuxtConfig({
     },
   },
 
+  routeRules: {
+    '/': {
+      prerender: true,
+    },
+    '/dashboard/**': {
+      ssr: false,
+    },
+    '/dashboard': {
+      redirect: '/dashboard/links',
+    },
+  },
+
   compatibilityDate: '2024-07-08',
+
+  nitro: {
+    experimental: {
+      // Enable Server API documentation within NuxtHub
+      openAPI: true,
+    },
+  },
+
+  hub: {
+    ai: true,
+    analytics: true,
+    blob: false,
+    cache: false,
+    database: false,
+    kv: true,
+  },
+
+  eslint: {
+    config: {
+      stylistic: true,
+      standalone: false,
+    },
+  },
 })
diff --git a/schemas/link.ts b/schemas/link.ts
index 763c650..bae2041 100644
--- a/schemas/link.ts
+++ b/schemas/link.ts
@@ -1,5 +1,5 @@
-import { z } from 'zod'
 import { customAlphabet } from 'nanoid'
+import { z } from 'zod'
 
 const { slugRegex } = useAppConfig()
 const { caseSensitive } = useRuntimeConfig()
diff --git a/server/api/link/ai.get.ts b/server/api/link/ai.get.ts
index 8ce1827..817638e 100644
--- a/server/api/link/ai.get.ts
+++ b/server/api/link/ai.get.ts
@@ -1,5 +1,5 @@
-import { z } from 'zod'
 import { destr } from 'destr'
+import { z } from 'zod'
 
 export default eventHandler(async (event) => {
   const url = (await getValidatedQuery(event, z.object({
diff --git a/server/api/stats/metrics.get.ts b/server/api/stats/metrics.get.ts
index d0048db..738b961 100644
--- a/server/api/stats/metrics.get.ts
+++ b/server/api/stats/metrics.get.ts
@@ -1,6 +1,6 @@
 import type { H3Event } from 'h3'
-import { z } from 'zod'
 import { QuerySchema } from '@/schemas/query'
+import { z } from 'zod'
 
 const { select } = SqlBricks
 
diff --git a/server/api/stats/views.get.ts b/server/api/stats/views.get.ts
index 6e45862..f6326d5 100644
--- a/server/api/stats/views.get.ts
+++ b/server/api/stats/views.get.ts
@@ -1,6 +1,6 @@
 import type { H3Event } from 'h3'
-import { z } from 'zod'
 import { QuerySchema } from '@/schemas/query'
+import { z } from 'zod'
 
 const { select } = SqlBricks
 
diff --git a/server/middleware/1.redirect.ts b/server/middleware/1.redirect.ts
index aeebad3..bafe5cc 100644
--- a/server/middleware/1.redirect.ts
+++ b/server/middleware/1.redirect.ts
@@ -1,6 +1,6 @@
+import type { LinkSchema } from '@/schemas/link'
 import type { z } from 'zod'
 import { parsePath, withQuery } from 'ufo'
-import type { LinkSchema } from '@/schemas/link'
 
 export default eventHandler(async (event) => {
   const { pathname: slug } = parsePath(event.path.replace(/^\/|\/$/g, '')) // remove leading and trailing slashes
diff --git a/server/utils/access-log.ts b/server/utils/access-log.ts
index 89c6dad..dc6ea37 100644
--- a/server/utils/access-log.ts
+++ b/server/utils/access-log.ts
@@ -1,5 +1,6 @@
 import type { H3Event } from 'h3'
-import { parseURL } from 'ufo'
+import { getFlag } from '@/utils/flag'
+import { parseAcceptLanguage } from 'intl-parse-accept-language'
 import { UAParser } from 'ua-parser-js'
 import {
   CLIs,
@@ -11,8 +12,7 @@ import {
   MediaPlayers,
   Modules,
 } from 'ua-parser-js/extensions'
-import { parseAcceptLanguage } from 'intl-parse-accept-language'
-import { getFlag } from '@/utils/flag'
+import { parseURL } from 'ufo'
 
 function toBlobNumber(blob: string) {
   return +blob.replace(/\D/g, '')
diff --git a/server/utils/query-filter.ts b/server/utils/query-filter.ts
index 29d467e..7c1582e 100644
--- a/server/utils/query-filter.ts
+++ b/server/utils/query-filter.ts
@@ -1,6 +1,6 @@
-import type { z } from 'zod'
-import type { SelectStatement } from 'sql-bricks'
 import type { FilterSchema, QuerySchema } from '@/schemas/query'
+import type { SelectStatement } from 'sql-bricks'
+import type { z } from 'zod'
 
 export type Query = z.infer<typeof QuerySchema>
 export type Filter = z.infer<typeof FilterSchema>
diff --git a/utils/color.ts b/utils/color.ts
index 607a0ff..7a9b7f4 100644
--- a/utils/color.ts
+++ b/utils/color.ts
@@ -1,3 +1,3 @@
 export function colorGradation(count: number) {
-  return Array.from(Array(count).keys()).map(i => `hsl(var(--vis-secondary-color) / ${1 - (1 / count) * i})`)
+  return Array.from({ length: count }, (_, i) => `hsl(var(--vis-secondary-color) / ${1 - (1 / count) * i})`)
 }