feat: ⬆️ upgrade deps for nuxt templates

Author: laruiss

template-nuxt3-ts/README.md

@@ -25,7 +25,7 @@ Génère le code de production de l’application :
 npm run build
 ```
 
-Locally preview production build:
+Prévisualisation du code de prod (nécessite un build préalable) :
 
 ```bash
 npm run preview

template-nuxt3-ts/_gitignore

@@ -348,8 +348,7 @@ $RECYCLE.BIN/
 *.lnk
 
 # End of https://www.toptal.com/developers/gitignore/api/visualstudiocode,node,windows,macos,linux,intellij
-.eslintrc-auto-import.json
-auto-imports.d.ts
+
 
 /cypress/videos/
 /cypress/screenshots/

template-nuxt3-ts/package.json

@@ -19,8 +19,8 @@
   "devDependencies": {
     "@nuxt/devtools": "latest",
     "@nuxt/test-utils": "^3.6.1",
-    "@nuxt/types": "^2.16.0",
-    "@nuxt/typescript-build": "^2.1.0",
+    "@nuxt/types": "^2.17.0",
+    "@nuxt/typescript-build": "^3.0.1",
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
     "@rushstack/eslint-patch": "^1.3.2",
     "@testing-library/jest-dom": "^5.16.5",

template-nuxt3/.eslintrc.cjs

@@ -1,20 +1,18 @@
 module.exports = {
   root: true,
   extends: [
-    'plugin:vue/vue3-recommended',
     'standard',
+    'plugin:vue/vue3-recommended',
+    '@nuxtjs/eslint-config',
   ],
-  env: {
-    'vue/setup-compiler-macros': true,
-  },
-  globals: {
-    definePageMeta: 'readonly',
-    defineMeta: 'readonly',
-    ref: 'readonly',
-  },
   rules: {
     'jsx-quotes': [2, 'prefer-double'],
     'comma-dangle': [2, 'always-multiline'],
+    'vue/no-multiple-template-root': 'off',
+    'vue/max-attributes-per-line': ['error', {
+      singleline: 1,
+      multiline: 1,
+    }],
   },
   overrides: [
     {
@@ -38,6 +36,7 @@ module.exports = {
     {
       files: [
         'client/pages/**/*.vue',
+        'client/layouts/**/*.vue',
       ],
       rules: {
         'vue/multi-word-component-names': 'off',

template-nuxt3/.vscode/vue-dsfr.code-snippets

@@ -27,7 +27,6 @@
     "scope": "vue",
     "prefix": "script setup",
     "body": [
-        "<script lang=\"ts\" setup>",
         "<script setup>",
         "defineProps({",
         "  $1",

template-nuxt3/README.md

@@ -1,17 +1,17 @@
 # Gabarit de démarrage de VueDsfr pour Nuxt 3
 
-Nous vous recommandons de regarder la [documentation de Nuxt 3](https://v3.nuxtjs.org)
+Nous vous recommandons de regarder la [documentation de Nuxt 3](https://nuxt.com/docs/getting-started/introduction)
 et la [documentation de VueDsfr](https://vue-dsfr.netlify.app).
 
 ## Installation des dépendances
 
 ```bash
-npm install --legacy-peer-deps
+npm install
 ```
 
 ## Lancer nuxt en mode développement
 
-Démarre le serveur sur http://localhost:3000
+Démarre le serveur sur `http://localhost:3000`·:
 
 ```bash
 npm run dev
@@ -25,4 +25,10 @@ Génère le code de production de l’application :
 npm run build
 ```
 
-Regarder ensuite la [documentation de Nuxt concernant le déploiement](https://v3.nuxtjs.org/docs/deployment).
+Prévisualisation du code de prod (nécessite un build préalable) :
+
+```bash
+npm run preview
+```
+
+Regarder ensuite la [documentation de Nuxt concernant le déploiement](https://nuxt.com/docs/getting-started/deployment).

template-nuxt3/_gitignore

@@ -1,6 +1,118 @@
-
-# Created by https://www.toptal.com/developers/gitignore/api/node,windows,macos,linux,visualstudiocode
-# Edit at https://www.toptal.com/developers/gitignore?templates=node,windows,macos,linux,visualstudiocode
+# Created by https://www.toptal.com/developers/gitignore/api/visualstudiocode,node,windows,macos,linux,intellij
+# Edit at https://www.toptal.com/developers/gitignore?templates=visualstudiocode,node,windows,macos,linux,intellij
+
+### Intellij ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# AWS User-specific
+.idea/**/aws.xml
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+
+# Gradle
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/artifacts
+# .idea/compiler.xml
+# .idea/jarRepositories.xml
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+cmake-build-*/
+
+# Mongo Explorer plugin
+.idea/**/mongoSettings.xml
+
+# File-based project format
+*.iws
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# SonarLint plugin
+.idea/sonarlint/
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Editor-based Rest Client
+.idea/httpRequests
+
+# Android studio 3.1+ serialized cache file
+.idea/caches/build_file_checksums.ser
+
+### Intellij Patch ###
+# Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721
+
+# *.iml
+# modules.xml
+# .idea/misc.xml
+# *.ipr
+
+# Sonarlint plugin
+# https://plugins.jetbrains.com/plugin/7973-sonarlint
+.idea/**/sonarlint/
+
+# SonarQube Plugin
+# https://plugins.jetbrains.com/plugin/7238-sonarqube-community-plugin
+.idea/**/sonarIssues.xml
+
+# Markdown Navigator plugin
+# https://plugins.jetbrains.com/plugin/7896-markdown-navigator-enhanced
+.idea/**/markdown-navigator.xml
+.idea/**/markdown-navigator-enh.xml
+.idea/**/markdown-navigator/
+
+# Cache file creation bug
+# See https://youtrack.jetbrains.com/issue/JBR-2257
+.idea/$CACHE_FILE$
+
+# CodeStream plugin
+# https://plugins.jetbrains.com/plugin/12206-codestream
+.idea/codestream.xml
+
+# Azure Toolkit for IntelliJ plugin
+# https://plugins.jetbrains.com/plugin/8053-azure-toolkit-for-intellij
+.idea/**/azureSettings.xml
 
 ### Linux ###
 *~
@@ -46,6 +158,10 @@ Network Trash Folder
 Temporary Items
 .apdisk
 
+### macOS Patch ###
+# iCloud generated files
+*.icloud
+
 ### Node ###
 # Logs
 logs
@@ -103,6 +219,9 @@ web_modules/
 # Optional eslint cache
 .eslintcache
 
+# Optional stylelint cache
+.stylelintcache
+
 # Microbundle cache
 .rpt2_cache/
 .rts2_cache_cjs/
@@ -118,10 +237,12 @@ web_modules/
 # Yarn Integrity file
 .yarn-integrity
 
-# dotenv environment variables file
+# dotenv environment variable files
 .env
-.env.test
-.env.production
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
 
 # parcel-bundler cache (https://parceljs.org/)
 .cache
@@ -144,6 +265,12 @@ dist
 # vuepress build output
 .vuepress/dist
 
+# vuepress v2.x temp and cache directory
+.temp
+
+# Docusaurus cache and generated files
+.docusaurus
+
 # Serverless directories
 .serverless/
 
@@ -171,35 +298,29 @@ dist
 .webpack/
 
 # Optional stylelint cache
-.stylelintcache
 
 # SvelteKit build / generate output
 .svelte-kit
 
-### Nuxtjs ###
-# Nuxt build
-
-# Nuxt generate
-
 ### VisualStudioCode ###
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
-*.code-workspace
+!.vscode/*.code-snippets
 
 # Local History for Visual Studio Code
 .history/
 
+# Built Visual Studio Code Extensions
+*.vsix
+
 ### VisualStudioCode Patch ###
 # Ignore all local history of files
 .history
 .ionide
 
-# Support for Project snippet scope
-!.vscode/*.code-snippets
-
 ### Windows ###
 # Windows thumbnail cache files
 Thumbs.db
@@ -226,4 +347,15 @@ $RECYCLE.BIN/
 # Windows shortcuts
 *.lnk
 
-# End of https://www.toptal.com/developers/gitignore/api/node,windows,macos,linux,visualstudiocode
+# End of https://www.toptal.com/developers/gitignore/api/visualstudiocode,node,windows,macos,linux,intellij
+
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

template-nuxt3/client/layouts/basic.vue

@@ -1,26 +1,21 @@
 <script setup>
-const query = ref('')
-
 const serviceTitle = 'Service'
 const serviceDescription = 'Description du service'
 const logoText = ['Ministère', 'de l’intérieur']
 
 const quickLinks = [
   {
     label: 'Home',
-    path: '/',
+    to: '/',
     icon: 'ri-home-2-line',
   },
   {
     label: 'À propos',
-    path: '/apropos',
+    to: '/apropos',
     icon: 'ri-flag-line',
   },
 ]
 
-const goFetch = () => {
-  console.log('Fetching with query:', query.value)
-}
 </script>
 
 <template>
@@ -30,8 +25,6 @@ const goFetch = () => {
     :service-description="serviceDescription"
     :logo-text="logoText"
     :quick-links="quickLinks"
-    show-search
-    @search="goFetch()"
   />
   <div class="fr-container">
     <slot />

template-nuxt3/client/pages/apropos.vue

@@ -1,7 +1,7 @@
-<script>
-export default {
+<script setup>
+definePageMeta({
   layout: 'basic',
-}
+})
 </script>
 
 <template>