Vue.js et alias - développer avec VS Code

Bonjour à tous,

Je viens demander une petite aide SVP.

Je travaille avec VS Code, et avec les technos Vue.js, Vite et Laravel.

Dans mes components, au lieu de faire :

import AppLayout from "../../Layouts/AppLayout.vue";

Je souhaite faire ceci :

import AppLayout from "@/Layouts/AppLayout.vue";

Donc dans mon fichier racine "vite.config.js" j’ai ajouté ceci :

resolve: {
    alias: {
        '@': resolve('./resources/js'),
    },
},

PS : je travaille avec un projet Laravel 10, mes fichier Vue.js sont donc dans mon dossier "resources/js".

Et ça fonctionne.

Mais il me reste un problème très gênant. C’est qu’avec VS Code le Ctrl+Clic (pour aller au fichier de définition) ne fonctionne plus…

Après avoir fait des recherches Google, j’ai trouvé qu’il faut créer un fichier racine "jsconfig.json" et dedans mettre :

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
    "@/*": ["./resources/js/*"]
    }
  },
  "exclude": ["node_modules"]
}

Mais de mon côté, le Ctrl+Clic ne fonctionne toujours pas….

Une idée SVP ?