quick start Quasar

.eslintrc.js

//
// 'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
// 'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
'plugin:vue/vue3-recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
//
rules: {
  'comma-dangle': ['warn', 'always-multiline'],
  //
}
/* puis :
eslint --ext .js,.ts,.vue ./ --fix
*/

devcontainer.json

// For format details, see https://aka.ms/devcontainer.json. For config options, see the
// README at: https://github.com/devcontainers/templates/tree/main/src/typescript-node
{
	"name": "Quasar",
	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
	"image": "mcr.microsoft.com/devcontainers/typescript-node:1-20-bullseye",
	"features": {
		"ghcr.io/devcontainers-contrib/features/quasar-cli:2": {}
	}
	// Use 'forwardPorts' to make a list of ports inside the container available locally.
	// "forwardPorts": [],
	// Use 'postCreateCommand' to run commands after the container is created.
	// "postCreateCommand": "yarn install",
	// Configure tool-specific properties.
	// "customizations": {},
	// Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
	// "remoteUser": "root"
}

extensions.json

{
  "recommendations": [
    "dbaeumer.vscode-eslint",
    "editorconfig.editorconfig",
    "wayou.vscode-todo-highlight",
    "vue.vscode-typescript-vue-plugin",
    "mattpocock.ts-error-translator",
    "christian-kohler.path-intellisense",
    "Vue.volar",
    "usernamehw.errorlens",
    "github.vscode-pull-request-github",
    "cmstead.js-codeformer",
    "ghmcadams.lintlens",
    "cardinal90.multi-cursor-case-preserve",
  ],
  "unwantedRecommendations": [
    "octref.vetur",
    "hookyqr.beautify",
    "dbaeumer.jshint",
    "ms-vscode.vscode-typescript-tslint-plugin"
  ]
}

launch.json

{
  // https://code.visualstudio.com/docs/nodejs/browser-debugging
  // https://code.visualstudio.com/docs/nodejs/nodejs-debugging
  // https://code.visualstudio.com/docs/editor/debugging
  "version": "0.2.0",
  "configurations": [
    {
      "name": "chrome dev",
      "request": "launch",
      "type": "chrome",
      "runtimeExecutable": "dev",
      "userDataDir": false,
      "url": "http://localhost:9000",
      "webRoot": "${workspaceFolder}/src",
      "skipFiles": [
        "${workspaceFolder}/node_modules/**/*.js"
      ],
      "preLaunchTask": "quasar dev",
      "smartStep": true
    }
  ]
}

quasar.config.js

build: {
-  vueRouterMode: 'hash',
+  vueRouterMode: 'history',
},
//
devServer: {
-  opem: true,
+  open: false,
},
//
framework: {
  config: {
+   ripple: {
+     early: true
+   }
  },
},
//
- animations: [],
+ animations: 'all',

tasks.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "type": "shell",
            "command": "npm run dev",
            "problemMatcher": [],
            "label": "quasar dev",
            "detail": "quasar dev",
            "isBackground": true
        }
    ]
}

tsconfig.json

{
  "extends": "@quasar/app-vite/tsconfig-preset",
  "compilerOptions": {
    "baseUrl": ".",
    "exactOptionalPropertyTypes": true, // https://tkdodo.eu/blog/optional-vs-undefined
    "noUncheckedIndexedAccess": true, // https://www.totaltypescript.com/tsconfig-cheat-sheet#strictness
  }
}