build: tech update v2

.vscode/settings.json

@@ -1,10 +1,9 @@
-
 {
     // enable auto-linting
     "editor.codeActionsOnSave": {
         "source.fixAll": "explicit",
         "source.fixAll.eslint": "explicit"
     },
-    // Enable ESlint flat config support
-    "eslint.experimental.useFlatConfig": true
+    // ESlint flat config
+    "eslint.useFlatConfig": true
 }

components/CurrentTime.vue

@@ -3,8 +3,7 @@
     Current time by
     <span class="link">
       <NuxtLink to="https://github.com/danielroe/nuxt-time">Nuxt Time</NuxtLink>
-    </span>
-    :
+    </span>:
     <NuxtTime
       :datetime="currentDate"
       year="numeric"

eslint.config.mjs

@@ -1,22 +1,28 @@
 import withNuxt from './.nuxt/eslint.config.mjs'
 
-export default withNuxt({
+// config is being passed as an array of separate objects
+// as suggested here: https://github.com/nuxt/eslint/discussions/413
+
+export default withNuxt([
+
+  // files to be processed (JS/TS + Vue components)
+  { files: ['**/*.js', '**/*.ts', '**/*.vue'] },
 
   // `rules` section can follow, where you can change default eslint behaviour if needed
   // you can adjust or even turn off some rules if you cannot or don't want to satisfy them
-  // it is not recommended to do so though
-
-  rules: {
+  {
+    rules: {
     // default for this rule is "1", but I find it too restrictive
     // https://eslint.vuejs.org/rules/max-attributes-per-line.html
-    'vue/max-attributes-per-line': ['error', {
-      singleline: {
-        max: 4,
-      },
-      multiline: {
-        max: 3,
-      },
-    }],
+      'vue/max-attributes-per-line': ['error', {
+        singleline: {
+          max: 4,
+        },
+        multiline: {
+          max: 3,
+        },
+      }],
+    },
   },
 
-})
+])

nuxt.config.ts

@@ -1,6 +1,6 @@
 // https://nuxt.com/docs/guide/directory-structure/nuxt.config
 export default defineNuxtConfig({
-  compatibilityDate: '2024-08-01',
+  compatibilityDate: '2024-09-01',
   modules: [
     'nuxt-time',
     'nuxt-security',
@@ -14,6 +14,7 @@ export default defineNuxtConfig({
     '@vueuse/nuxt',
   ],
   eslint: {
+    // simple eslint config - see eslint.config.mjs
     config: {
       stylistic: true,
     },