switch to vite, add pwa

Author: devidw

.devcontainer/Dockerfile

@@ -11,4 +11,5 @@ FROM mcr.microsoft.com/vscode/devcontainers/javascript-node:0-${VARIANT}
 # RUN su node -c "source /usr/local/share/nvm/nvm.sh && nvm install ${EXTRA_NODE_VERSION}"
 
 # [Optional] Uncomment if you want to install more global node modules
-RUN su node -c "npm install -g pnpm"
+# RUN su node -c "npm install -g pnpm"
+RUN su node -c "yarn global add @quasar/icongenie"

.devcontainer/devcontainer.json

@@ -48,7 +48,7 @@
     8080
   ],
   // Use 'postCreateCommand' to run commands after the container is created.
-  "postCreateCommand": "pnpm install",
+  "postCreateCommand": "yarn",
   // Comment out to connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
   "remoteUser": "node"
 }

.eslintignore

@@ -1,9 +1,6 @@
 /dist
-/src-bex/www
 /src-capacitor
 /src-cordova
 /.quasar
 /node_modules
 .eslintrc.js
-babel.config.js
-/src-ssr

.eslintrc.js

@@ -1,22 +1,16 @@
-
 module.exports = {
   // https://eslint.org/docs/user-guide/configuring#configuration-cascading-and-hierarchy
   // This option interrupts the configuration hierarchy at this file
   // Remove this if you have an higher level ESLint config file (it usually happens into a monorepos)
   root: true,
 
-  // https://eslint.vuejs.org/user-guide/#how-to-use-a-custom-parser
-  // Must use parserOptions instead of "parser" to allow vue-eslint-parser to keep working
-  // `parser: 'vue-eslint-parser'` is already included with any 'plugin:vue/**' config and should be omitted
   parserOptions: {
-    parser: require.resolve('@typescript-eslint/parser'),
-    extraFileExtensions: [ '.vue' ]
+    ecmaVersion: '2021', // Allows for the parsing of modern ECMAScript features
   },
 
   env: {
-    browser: true,
-    es2021: true,
     node: true,
+    browser: true,
     'vue/setup-compiler-macros': true
   },
 
@@ -25,10 +19,6 @@ module.exports = {
     // Base ESLint recommended rules
     // 'eslint:recommended',
 
-    // https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#usage
-    // ESLint typescript rules
-    'plugin:@typescript-eslint/recommended',
-
     // Uncomment any of the lines below to choose desired strictness,
     // but leave only one uncommented!
     // See https://eslint.vuejs.org/rules/#available-rules
@@ -42,12 +32,9 @@ module.exports = {
   ],
 
   plugins: [
-    // required to apply rules which need type information
-    '@typescript-eslint',
-
     // https://eslint.vuejs.org/user-guide/#why-doesn-t-it-work-on-vue-files
     // required to lint *.vue files
-    'vue'
+    'vue',
 
     // https://github.com/typescript-eslint/typescript-eslint/issues/389#issuecomment-509292674
     // Prettier has not been included as plugin to avoid performance impact
@@ -65,26 +52,14 @@ module.exports = {
     __QUASAR_SSR_PWA__: 'readonly',
     process: 'readonly',
     Capacitor: 'readonly',
-    chrome: 'readonly',
+    chrome: 'readonly'
   },
 
   // add your custom rules here
   rules: {
 
     'prefer-promise-reject-errors': 'off',
 
-    quotes: ['warn', 'single', { avoidEscape: true }],
-
-    // this rule, if on, would require explicit return type on the `render` function
-    '@typescript-eslint/explicit-function-return-type': 'off',
-
-    // in plain CommonJS modules, you can't use `import foo = require('foo')` to pass this rule, so it has to be disabled
-    '@typescript-eslint/no-var-requires': 'off',
-
-    // The core 'no-unused-vars' rules (in the eslint:recommeded ruleset)
-    // does not work with type definitions
-    'no-unused-vars': 'off',
-
     // allow debugger during development only
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
   }

.gitignore

@@ -1,6 +1,3 @@
-.pnpm-store
-.pnpm-debug.log
-
 .DS_Store
 .thumbs.db
 node_modules
@@ -19,10 +16,6 @@ node_modules
 /src-capacitor/www
 /src-capacitor/node_modules
 
-# BEX related directories and files
-/src-bex/www
-/src-bex/js/core
-
 # Log files
 npm-debug.log*
 yarn-debug.log*

.npmrc

@@ -70,13 +70,4 @@ Once we abstracted what we want to learn from the situation, it's a lot easier f
 
 == Development
 
-Anxtgo is build with https://vuejs.org[Vue.js], https://quasar.dev[Quasar] and https://dexie.org[Dexie.js].
-
-
-=== https://www.anaconda.com/[Anaconda]
-
-[source,zsh]
-----
-conda env create -n anxtgo --file environment.yml
-conda activate anxtgo
-----
+Anxtgo is powered by https://vuejs.org[Vue.js], https://quasar.dev[Quasar] and https://dexie.org[Dexie.js].

.postcssrc.js

@@ -17,8 +17,7 @@
 </head>
 
 <body>
-  <!-- DO NOT touch the following DIV -->
-  <div id="q-app"></div>
+  <!-- quasar:entry-point -->
 </body>
 
 </html>

README.adoc

@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "src/*": [
+        "src/*"
+      ],
+      "app/*": [
+        "*"
+      ],
+      "components/*": [
+        "src/components/*"
+      ],
+      "layouts/*": [
+        "src/layouts/*"
+      ],
+      "pages/*": [
+        "src/pages/*"
+      ],
+      "assets/*": [
+        "src/assets/*"
+      ],
+      "boot/*": [
+        "src/boot/*"
+      ],
+      "stores/*": [
+        "src/stores/*"
+      ],
+      "vue$": [
+        "node_modules/vue/dist/vue.runtime.esm-bundler.js"
+      ]
+    }
+  },
+  "exclude": [
+    "dist",
+    ".quasar",
+    "node_modules"
+  ]
+}

babel.config.js

@@ -6,53 +6,41 @@
   "author": "David Wolf <[email protected]>",
   "private": true,
   "scripts": {
-    "lint": "eslint --ext .js,.ts,.vue ./",
-    "format": "prettier --write \"**/*.{js,ts,vue,,html,md,json}\" --ignore-path .gitignore",
+    "lint": "eslint --ext .js,.vue ./",
+    "format": "prettier --write \"**/*.{js,vue,html,md,json}\" --ignore-path .gitignore",
     "test": "echo \"No test specified\" && exit 0"
   },
   "dependencies": {
-    "@quasar/cli": "^1.3.2",
     "@quasar/extras": "^1.0.0",
-    "@vueuse/rxjs": "^8.2.5",
-    "chart.js": "^3.7.1",
-    "core-js": "^3.6.5",
-    "dexie": "^3.2.1",
+    "chart.js": "^3.8.0",
+    "dexie": "^3.2.2",
     "dexie-export-import": "^1.0.3",
-    "dotenv": "^16.0.0",
     "downloadjs": "^1.4.7",
-    "pinia": "^2.0.13",
+    "pinia": "^2.0.14",
     "quasar": "^2.6.0",
     "rxjs": "^7.5.5",
     "vue": "^3.0.0",
-    "vue-chartjs": "^4.1.0",
-    "vue-i18n": "^9.2.0-beta.35",
+    "vue-chartjs": "^4.1.1",
+    "vue-i18n": "^9.1.10",
     "vue-router": "^4.0.0"
   },
   "devDependencies": {
-    "@quasar/app-webpack": "^3.0.0",
-    "@types/node": "^12.20.21",
-    "@typescript-eslint/eslint-plugin": "^5.10.0",
-    "@typescript-eslint/parser": "^5.10.0",
-    "electron": "^18.1.0",
-    "electron-packager": "^15.5.1",
+    "@quasar/app-vite": "^1.0.0",
+    "autoprefixer": "^10.4.2",
     "eslint": "^8.10.0",
     "eslint-config-prettier": "^8.1.0",
     "eslint-plugin-vue": "^8.5.0",
-    "prettier": "^2.5.1"
+    "prettier": "^2.5.1",
+    "workbox-build": "^6.5.0",
+    "workbox-cacheable-response": "^6.5.0",
+    "workbox-core": "^6.5.0",
+    "workbox-expiration": "^6.5.0",
+    "workbox-precaching": "^6.5.0",
+    "workbox-routing": "^6.5.0",
+    "workbox-strategies": "^6.5.0"
   },
-  "browserslist": [
-    "last 10 Chrome versions",
-    "last 10 Firefox versions",
-    "last 4 Edge versions",
-    "last 7 Safari versions",
-    "last 8 Android versions",
-    "last 8 ChromeAndroid versions",
-    "last 8 FirefoxAndroid versions",
-    "last 10 iOS versions",
-    "last 5 Opera versions"
-  ],
   "engines": {
-    "node": ">= 12.22.1",
+    "node": "^18 || ^16 || ^14.19",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }