Update to latest vue defaults

.eslintrc.cjs

@@ -11,6 +11,5 @@ module.exports = {
   ],
   parserOptions: {
     ecmaVersion: 'latest'
-  },
+  }
-  'ignorePatterns': ["*.config.*"]
 }

env.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="vite/client" />
 
+// https://github.com/intlify/vue-i18n-next/issues/1403
+/// <reference types="vite/client" /> 
+/// <reference path="node_modules/vue-i18n/dist/vue-i18n.d.ts" />
+declare module 'vue-i18n'
+
 interface ImportMetaEnv {
     readonly SAFETWITCH_BACKEND_DOMAIN: string
     readonly SAFETWITCH_INSTANCE_DOMAIN: string

package.json

@@ -3,18 +3,18 @@
   "version": "2.3.1",
   "private": true,
   "scripts": {
-    "build": "run-p type-check build-only",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "build-only": "vite build",
     "dev": "vite",
-    "format": "prettier --write src/",
+    "build": "run-p type-check \"build-only {@}\" --",
-    "i18n:report": "vue-cli-service i18n:report --src \"./src/**/*.?(js|vue)\" --locales \"./src/locales/**/*.json\"",
     "preview": "vite preview",
-    "type-check": "vue-tsc --noEmit"
+    "build-only": "vite build",
+    "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false",
+    "lint": "eslint . --ext .vue,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
   },
   "dependencies": {
     "@intlify/unplugin-vue-i18n": "^0.11.0",
     "@tailwindcss/forms": "^0.5.3",
+    "@types/vue-i18n": "^7.0.0",
     "hls.js": "^1.4.10",
     "oh-vue-icons": "^1.0.0-rc3",
     "video.js": "^8.0.4",
@@ -25,30 +25,30 @@
     "vue-router": "^4.1.6"
   },
   "devDependencies": {
-    "@catppuccin/tailwindcss": "^0.1.1",
     "@intlify/vue-i18n-loader": "^3.0.0",
-    "@rushstack/eslint-patch": "^1.2.0",
+    "@rushstack/eslint-patch": "^1.3.3",
     "@tailwindcss/typography": "^0.5.9",
-    "@types/node": "^18.14.2",
+    "@tsconfig/node18": "^18.2.2",
+    "@types/node": "^18.18.5",
     "@types/video.js": "^7.3.51",
     "@types/videojs-contrib-quality-levels": "^2.0.1",
     "@types/videojs-hls-quality-selector": "^1.1.0",
-    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue": "^4.4.0",
-    "@vue/eslint-config-prettier": "^7.1.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
-    "@vue/eslint-config-typescript": "^11.0.2",
+    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/tsconfig": "^0.1.3",
+    "@vue/tsconfig": "^0.4.0",
     "autoprefixer": "^10.4.13",
-    "eslint": "^8.34.0",
+    "eslint": "^8.49.0",
-    "eslint-plugin-vue": "^9.9.0",
+    "eslint-plugin-vue": "^9.17.0",
     "git-describe": "^4.1.1",
-    "npm-run-all": "^4.1.5",
+    "npm-run-all2": "^6.1.1",
     "postcss": "^8.4.21",
-    "prettier": "^2.8.4",
+    "prettier": "^3.0.3",
     "tailwindcss": "^3.2.7",
     "tailwindcss-themer": "^3.1.0",
-    "typescript": "^5.3.2",
+    "typescript": "~5.2.0",
-    "vite": "^4.1.4",
+    "vite": "^4.5.0",
     "vue-cli-plugin-i18n": "~2.3.2",
-    "vue-tsc": "^1.2.0"
+    "vue-tsc": "^1.8.19"
   }
 }

src/main.ts

@@ -4,7 +4,7 @@ import router from './router'
 import './assets/index.css'
 import i18n from './i18n'
 
-const app = createApp(App).use(i18n)
+const app = createApp(App)
 
 // Add protocol variable
 // For some reason, import.meta.env.VITE_HTTPS === "true"
@@ -60,4 +60,5 @@ addIcons(
 
 app.component('v-icon', OhVueIcon)
 app.use(router)
+app.use(i18n)
 app.mount('#app')

tsconfig.app.json

@@ -0,0 +1,14 @@
+{
+    "extends": "@vue/tsconfig/tsconfig.dom.json",
+    "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+    "exclude": ["src/**/__tests__/*"],
+    "compilerOptions": {
+      "baseUrl": ".",
+      "paths": {
+        "@/*": ["./src/*"]
+      },
+      "target": "ESNext",
+      "types": ["vite/client"]
+    }
+  }
+  

tsconfig.json

@@ -1,16 +1,11 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "files": [],
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-
   "references": [
     {
       "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
     }
   ]
 }

tsconfig.node.json

@@ -1,8 +1,16 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "extends": "@tsconfig/node18/tsconfig.json",
-  "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"],
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*"
+  ],
   "compilerOptions": {
     "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
     "types": ["node"]
   }
 }