fix: 🔥 bump eslint

chantouchsek · chantouchsek · commit 9cb0c1d3d06f · 2024-04-04T14:30:20.000+07:00
diff --git a/.prettierignore b/.prettierignore
diff --git a/.prettierrc b/.prettierrc
diff --git a/components/app/AppBar.vue b/components/app/AppBar.vue
@@ -9,8 +9,8 @@ const toggleDark = useToggle<true, false | null>(isDark)
 const $auth = useAuth()
 const breadcrumbs = computed(() =>
   route.matched
-    .filter((item) => item.meta?.title && item.meta?.breadcrumb !== 'hidden')
-    .map((r) => ({
+    .filter(item => item.meta?.title && item.meta?.breadcrumb !== 'hidden')
+    .map(r => ({
       title: r.meta.title!,
       disabled: r.meta?.breadcrumb === false || r.path === route.path || false,
       to: r.path,
@@ -61,7 +61,9 @@ function onChanged(dark: boolean) {
         </VListItem>
         <VListItem>
           <template #prepend>
-            <VIcon start>mdi-translate</VIcon>
+            <VIcon start>
+              mdi-translate
+            </VIcon>
           </template>
           <VListItemTitle>
             {{ $t('common.title.switchLang') }}
@@ -70,7 +72,9 @@ function onChanged(dark: boolean) {
         <VDivider thickness="1" />
         <VListItem @click="$auth.logout()">
           <template #prepend>
-            <VIcon start>mdi-logout-variant</VIcon>
+            <VIcon start>
+              mdi-logout-variant
+            </VIcon>
           </template>
           <VListItemTitle>
             {{ $t('auth.logout') }}
diff --git a/components/app/AppDrawer.vue b/components/app/AppDrawer.vue
@@ -11,7 +11,7 @@ const drawer = computed({
 })
 const rail = computed(() => !drawerState.value && !mobile.value)
 
-const routes = router.getRoutes().filter((r) => r.path.lastIndexOf('/') === 0)
+const routes = router.getRoutes().filter(r => r.path.lastIndexOf('/') === 0)
 routes.sort((a, b) => (Number(a.meta?.drawerIndex) ?? 99) - (Number(b.meta?.drawerIndex) ?? 98))
 
 nextTick(() => {
diff --git a/components/app/AppDrawerItem.vue b/components/app/AppDrawerItem.vue
@@ -13,7 +13,7 @@ const props = withDefaults(
 )
 const children = computed(() =>
   props.item.children
-    ?.filter((child) => child.meta?.icon)
+    ?.filter(child => child.meta?.icon)
     .sort((a, b) => (Number(a.meta?.drawerIndex) ?? 99) - (Number(b.meta?.drawerIndex) ?? 98)),
 )
 const isItem = computed(() => !props.item.children || (children.value?.length ?? 0) <= 1)
diff --git a/eslint.config.js b/eslint.config.js
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -0,0 +1,11 @@
+import withNuxt from './.nuxt/eslint.config.mjs'
+
+export default withNuxt({
+  rules: {
+    'vue/max-attributes-per-line': 'off',
+  },
+}).override('nuxt/stylistic', {
+  rules: {
+    '@stylistic/quotes': ['error', 'single', { allowTemplateLiterals: true }],
+  },
+})
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -114,7 +114,7 @@ export default defineNuxtConfig({
   },
   http: {
     credentials: 'include',
-    debug: process.env.NODE_ENV === 'development',
+    // debug: process.env.NODE_ENV === 'development',
   },
   veeValidate: {
     autoImports: true,
@@ -127,8 +127,12 @@ export default defineNuxtConfig({
     },
   },
   eslint: {
+    checker: true,
     config: {
-      // stylistic: true,
+      stylistic: true,
+      typescript: {
+        strict: true,
+      },
     },
   },
 })
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@chantouchsek/amazing-admin",
   "private": true,
-  "packageManager": "pnpm@8.15.5",
+  "packageManager": "pnpm@8.15.6",
   "type": "module",
   "engines": {
     "node": ">=18",
@@ -14,55 +14,52 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "postinstall": "nuxt prepare",
-    "lint": "pnpm lint:js && pnpm lint:style && pnpm lint:prettier",
-    "lint:fix": "prettier --write --list-different . && pnpm lint:js --fix && pnpm lint:style --fix",
+    "lint": "pnpm lint:js && pnpm lint:style",
+    "lint:fix": "pnpm lint:js --fix && pnpm lint:style --fix",
     "lint:js": "eslint . --cache",
-    "lint:prettier": "prettier --check --ignore-unknown .",
     "lint:style": "stylelint '**/*.{css,scss,sass,vue}' --ignore-path .gitignore",
     "prepare": "husky",
     "preview": "nuxt preview"
   },
   "lint-staged": {
     "*.{js,ts,vue}": "eslint --cache",
-    "*.{css,scss,sass,vue}": "stylelint",
-    "*.**": "prettier --check --ignore-unknown"
+    "*.{css,scss,sass,vue}": "stylelint"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@date-io/dayjs": "^3.0.0",
     "@nuxt-alt/auth": "^3.1.6",
     "@nuxt-alt/http": "^1.7.10",
-    "@nuxt/eslint": "0.3.0-beta.7",
+    "@nuxt/eslint": "0.3.0-beta.9",
     "@nuxt/fonts": "^0.6.1",
     "@nuxtjs/color-mode": "^3.3.3",
     "@nuxtjs/i18n": "^8.3.0",
     "@nuxtjs/robots": "^3.0.0",
     "@nuxtjs/sitemap": "^5.1.2",
     "@pinia/colada": "^0.6.0",
     "@pinia/nuxt": "^0.5.1",
-    "@unocss/nuxt": "^0.58.6",
+    "@unocss/nuxt": "^0.58.9",
     "@vee-validate/nuxt": "^4.12.6",
     "@vee-validate/zod": "^4.12.6",
-    "@vue-macros/nuxt": "^1.9.26",
+    "@vue-macros/nuxt": "^1.9.28",
     "@vueuse/nuxt": "^10.9.0",
     "dayjs-nuxt": "^2.1.9",
     "eslint": "^8.57.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "nuxt": "^3.11.1",
     "pinia": "^2.1.7",
-    "prettier": "^3.2.5",
-    "sass": "^1.72.0",
+    "sass": "^1.74.1",
     "sass-loader": "^14.1.1",
     "stylelint": "^16.3.1",
-    "stylelint-config-prettier": "^9.0.5",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard": "^36.0.0",
     "typescript": "^5.4.3",
     "unocss": "^0.58.9",
     "unocss-preset-useful": "^0.4.1",
     "vee-validate": "^4.12.6",
+    "vite-plugin-eslint2": "^4.4.0",
     "vue": "^3.4.21",
     "vue-eslint-parser": "^9.4.2",
     "vue-router": "^4.3.0",
diff --git a/pages/[...all].vue b/pages/[...all].vue
@@ -7,7 +7,9 @@ export default defineComponent({
 <template>
   <div class="wrapper">
     <VIcon class="logo mb-4" icon="mdi-view-grid-outline" />
-    <p class="text-h5">404 Not Found</p>
+    <p class="text-h5">
+      404 Not Found
+    </p>
   </div>
 </template>
 
diff --git a/pages/index.vue b/pages/index.vue
@@ -25,6 +25,8 @@ const name = ref('')
     <VBtn class="mr-2" color="primary" :disabled="!name">
       {{ $t('common.confirm') }}
     </VBtn>
-    <VBtn :disabled="!name">{{ $t('common.cancel') }}</VBtn>
+    <VBtn :disabled="!name">
+      {{ $t('common.cancel') }}
+    </VBtn>
   </div>
 </template>
diff --git a/pages/nested/menu1.vue b/pages/nested/menu1.vue
@@ -6,5 +6,7 @@ definePageMeta({
 </script>
 
 <template>
-  <VContainer fluid>empty page</VContainer>
+  <VContainer fluid>
+    empty page
+  </VContainer>
 </template>
diff --git a/pages/nested/menu2/menu2-1.vue b/pages/nested/menu2/menu2-1.vue
@@ -6,5 +6,7 @@ definePageMeta({
 </script>
 
 <template>
-  <div class="relative text-center py-2">Page: nested/menu2/menu2-1</div>
+  <div class="relative text-center py-2">
+    Page: nested/menu2/menu2-1
+  </div>
 </template>
diff --git a/pages/nested/menu2/menu2-2.vue b/pages/nested/menu2/menu2-2.vue
@@ -6,5 +6,7 @@ definePageMeta({
 </script>
 
 <template>
-  <div class="relative text-center py-2">Page: nested/menu2/menu2-2</div>
+  <div class="relative text-center py-2">
+    Page: nested/menu2/menu2-2
+  </div>
 </template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/stylelint.config.cjs b/stylelint.config.cjs

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ const props = withDefaults(`
`13`	`13`	`)`
`14`	`14`	`const children = computed(() =>`
`15`	`15`	`props.item.children`
`16`		`- ?.filter((child) => child.meta?.icon)`
	`16`	`+ ?.filter(child => child.meta?.icon)`
`17`	`17`	`.sort((a, b) => (Number(a.meta?.drawerIndex) ?? 99) - (Number(b.meta?.drawerIndex) ?? 98)),`
`18`	`18`	`)`
`19`	`19`	`const isItem = computed(() => !props.item.children \|\| (children.value?.length ?? 0) <= 1)`