chore(deps-dev): bump @nuxt/eslint from 0.3.0-alpha.0 to 0.3.0-beta.7 (…

…#37)

* chore(deps-dev): bump @nuxt/eslint from 0.3.0-alpha.0 to 0.3.0-beta.7

Bumps [@nuxt/eslint](https://github.com/nuxt/eslint/tree/HEAD/packages/module) from 0.3.0-alpha.0 to 0.3.0-beta.7.
- [Release notes](https://github.com/nuxt/eslint/releases)
- [Commits](https://github.com/nuxt/eslint/commits/v0.3.0-beta.7/packages/module)

---
updated-dependencies:
- dependency-name: "@nuxt/eslint"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix: 🔥 bump eslint

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Touch <chantouchsek.cs83@gmail.com>

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') }}

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(() => {

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)

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 }],
+  },
+})

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,
+      },
     },
   },
 })

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,26 +14,24 @@
     "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-alpha.0",
+    "@nuxt/eslint": "0.3.0-beta.9",
     "@nuxt/fonts": "^0.6.1",
     "@nuxtjs/color-mode": "^3.3.3",
     "@nuxtjs/i18n": "^8.3.0",
@@ -52,17 +50,16 @@
     "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",

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>
 

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>

pages/nested/menu1.vue

@@ -6,5 +6,7 @@ definePageMeta({
 </script>
 
 <template>
-  <VContainer fluid>empty page</VContainer>
+  <VContainer fluid>
+    empty page
+  </VContainer>
 </template>

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>

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>