chore: setup most modules

.eslintrc.cjs

@@ -1,23 +1,25 @@
 module.exports = {
-  "env": {
-    "browser": true,
-    "es2021": true,
-    "node": true
+  env: {
+    browser: true,
+    es2021: true,
+    node: true
   },
-  "extends": [
+  extends: [
     "@nuxt/eslint-config",
     "eslint:recommended",
     "plugin:vuetify/base",
     "plugin:vue/vue3-essential",
     "standard"
   ],
-  "parserOptions": {
-    "ecmaVersion": "latest",
-    "sourceType": "module"
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module"
   },
-  "rules": {
+  rules: {
     "arrow-parens": 0,
+    "comma-dangle": ["error", "only-multiline"],
     "generator-star-spacing": 0,
+    quotes: ["error", "double"],
     "space-before-function-paren": "off",
     "vue/multi-word-component-names": "off"
   }

README.md

@@ -60,20 +60,9 @@ npm run dev
 
 Sources to check :
 
-- https://nuxt.com/modules/pinia
-- https://nuxt.com/modules/i18n
-- https://nuxt.com/modules/eslint
-- https://nuxt.com/modules/vueuse
 - https://nuxt.com/modules/auto-animate
-- https://nuxt.com/modules/image
 - https://nuxt.com/modules/test-utils
-- https://nuxt.com/modules/icon
-- https://nuxt.com/modules/device
-- https://nuxt.com/modules/google-fonts
-- https://nuxt.com/modules/lodash
-- https://nuxt.com/modules/link-checker
-- https://nuxt.com/modules/aos
 - https://nuxt.com/modules/nuxt-mail
-- https://pwa.nuxtjs.org/setup
+- https://vite-pwa-org.netlify.app/frameworks/nuxt.html + https://vite-pwa-org.netlify.app/assets-generator/
 
 - [ ] Test the dockerfile

layouts/default.vue

@@ -7,15 +7,16 @@
 </template>
 
 <script setup>
+// eslint-disable-next-line no-undef
 useHead({
-  title: 'Senescalade',
+  title: "Senescalade",
   meta: [
-    { charset: 'utf-8' },
-    { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-    { name: 'description', content: 'Senescalade' }
+    { charset: "utf-8" },
+    { name: "viewport", content: "width=device-width, initial-scale=1" },
+    { name: "description", content: "Senescalade" }
   ],
   link: [
-    { rel: 'icon', type: 'image/ico', href: '/favicon.ico' }
+    { rel: "icon", type: "image/ico", href: "/favicon.ico" }
   ]
 })
 </script>

nuxt.config.js

@@ -1,29 +1,93 @@
-import vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
+import vuetify, { transformAssetUrls } from "vite-plugin-vuetify"
 
+// eslint-disable-next-line no-undef
 export default defineNuxtConfig({
+  aos: {
+    duration: 800,
+    easing: "ease-in-out",
+    mirror: false,
+    offset: 100,
+    once: true
+  },
   build: {
     transpile: ["vuetify"],
   },
   css: ["~/assets/styles/main.scss"],
-  devtools: { enabled: true, timeline: { enabled: true }, telemetry: false },
+  device: {
+    refreshOnResize: true
+  },
+  devtools: {
+    enabled: true,
+    telemetry: false,
+    timeline: { enabled: true }
+  },
+  googleFonts: {
+    display: "swap",
+    download: true,
+    families: {
+      "Fira+Code": true,
+      Inter: true,
+      Nunito: true
+    },
+    inject: true,
+    preconnect: true,
+    prefetch: true
+  },
+  i18n: {
+    defaultLocale: "fr",
+    detectBrowserLanguage: {
+      cookieKey: "i18n_lang",
+      fallbackLocale: "fr",
+      useCookie: true
+    },
+    locales: ["en", "fr"],
+    strategy: "no_prefix"
+  },
+  image: {
+    format: ["webp", "png", "gif"],
+    quality: 100
+  },
+  linkChecker: {
+    failOnError: true,
+    report: {
+      html: true,
+      markdown: true
+    },
+    runOnBuild: true,
+    showLiveInspections: true
+  },
+  lodash: {
+    prefix: "ldsh",
+    prefixSkip: false,
+    upperAfterPrefix: true
+  },
   modules: [
-    ["@nuxtjs/google-fonts", { display: "swap", families: { Nunito: true } }],
-    [
-      "@nuxtjs/i18n",
-      {
-        locales: ["fr", "en"],
-        defaultLocale: "fr",
-        strategy: "no_prefix",
-        detectBrowserLanguage: { useCookie: true, cookieKey: "i18n_lang" },
-      },
-    ],
     (_options, nuxt) => {
       nuxt.hooks.hook("vite:extendConfig", (config) => {
-        config.plugins.push(vuetify({ autoImport: true }));
-      });
+        config.plugins.push(vuetify({ autoImport: true }))
+      })
     },
+    "@nuxt/image",
+    "@nuxtjs/device",
+    "@nuxtjs/eslint-module",
+    "@nuxtjs/google-fonts",
+    "@nuxtjs/i18n",
+    "@pinia/nuxt",
+    "@vite-pwa/nuxt",
+    "@vueuse/nuxt",
+    "nuxt-aos",
+    "nuxt-icon",
+    "nuxt-link-checker",
+    "nuxt-lodash",
+    // "nuxt-mail"
   ],
-  plugins: [{ src: "~/plugins/vuetify" }],
+  plugins: [{
+    src: "~/plugins/vuetify"
+  }],
   telemetry: false,
-  vite: { vue: { template: { transformAssetUrls } } },
-});
+  vite: {
+    vue: {
+      template: { transformAssetUrls }
+    }
+  }
+})