Update vuetify and pinia.

Fix Vitest issue partially.

package.json

@@ -2,7 +2,7 @@
  "$schema": "https://json.schemastore.org/package.json",
  "name": "vite-vuetify-ts-starter",
  "description": "Vue3 Vuetify TypeScript Startar project for Vite.",
- "version": "1.5.5",
+ "version": "1.5.6",
  "license": "MIT",
  "type": "module",
  "private": true,
@@ -42,28 +42,28 @@
  "dependencies": {
  "@mdi/font": "^7.2.96",
  "core-js": "^3.31.0",
- "pinia": "^2.1.3",
+ "pinia": "^2.1.4",
  "pinia-plugin-persistedstate": "^3.1.0",
  "vue": "^3.3.4",
  "vue-router": "^4.2.2",
- "vuetify": "^3.3.3",
+ "vuetify": "^3.3.5",
  "webfontloader": "^1.6.28"
  },
  "devDependencies": {
  "@babel/types": "^7.22.5",
- "@rushstack/eslint-patch": "^1.3.1",
+ "@rushstack/eslint-patch": "^1.3.2",
  "@tsconfig/node-lts": "^18.12.2",
  "@types/jsdom": "^21.1.1",
- "@types/node": "^20.3.0",
+ "@types/node": "^20.3.1",
  "@types/webfontloader": "^1.6.35",
- "@typescript-eslint/eslint-plugin": "^5.59.11",
+ "@typescript-eslint/eslint-plugin": "^5.60.0",
  "@vitejs/plugin-vue": "^4.2.3",
- "@vitest/coverage-c8": "^0.32.0",
+ "@vitest/coverage-c8": "^0.32.2",
  "@vue/eslint-config-prettier": "^7.1.0",
  "@vue/eslint-config-typescript": "^11.0.3",
  "@vue/test-utils": "^2.3.2",
  "@vue/tsconfig": "^0.4.0",
- "eslint": "^8.42.0",
+ "eslint": "^8.43.0",
  "eslint-config-standard-with-typescript": "latest",
  "eslint-import-resolver-alias": "^1.1.2",
  "eslint-import-resolver-typescript": "^3.5.5",
@@ -83,18 +83,18 @@
  "prettier": "^2.8.8",
  "rimraf": "^5.0.1",
  "rollup-plugin-visualizer": "^5.9.2",
- "sass": "^1.63.3",
- "stylelint": "^15.7.0",
+ "sass": "^1.63.5",
+ "stylelint": "^15.8.0",
  "stylelint-config-recommended-scss": "^12.0.0",
  "stylelint-config-recommended-vue": "^1.4.0",
  "stylelint-order": "^6.0.3",
  "typescript": "*",
  "vite": "^4.3.9",
- "vite-plugin-checker": "0.6.0",
+ "vite-plugin-checker": "0.6.1",
  "vite-plugin-vuetify": "^1.0.2",
- "vitest": "^0.32.0",
+ "vitest": "^0.32.2",
  "vue-eslint-parser": "^9.3.1",
- "vue-tsc": "^1.7.0"
+ "vue-tsc": "^1.8.1"
  },
  "husky": {
  "hooks": {

src/styles/settings.scss

@@ -5,7 +5,7 @@
  */
 
 // https://next.vuetifyjs.com/features/sass-variables/
-@use 'vuetify/settings' with (
+@forward 'vuetify/settings' with (
  // Place SASS variable overrides here
  $body-font-family: (Roboto, 'Noto Color Emoji', sans-serif)
  // $body-font-family: ('Noto Sans', 'Noto Sans JP', 'Noto Sans KR', 'Noto Color Emoji', sans-serif)

vitest.config.ts

@@ -15,16 +15,22 @@ export default mergeConfig(
  viteConfig,
  defineConfig({
  plugins: [vue() as any],
+ // Resolver
+ resolve: {
+ // https://vitest.dev/config/#alias
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url)),
+ '~': fileURLToPath(new URL('./node_modules', import.meta.url)),
+ },
+ extensions: ['.js', '.json', '.jsx', '.mjs', '.ts', '.tsx', '.vue'],
+ },
  test: {
  environment: 'jsdom',
  exclude: [...configDefaults.exclude, 'e2e/*'],
  root: fileURLToPath(new URL('./', import.meta.url)),
  transformMode: {
  web: [/\.[jt]sx$/],
  },
- deps: {
- // inline: [/vuetify/],
- },
  },
  })
 );