init

.eslintignore

@@ -5,3 +5,4 @@
 /node_modules
 .eslintrc.cjs
 /quasar.config.*.temporary.compiled*
+*.json

.eslintrc.cjs

@@ -1,51 +1,27 @@
 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' ]
+    parser: '@typescript-eslint/parser',
+    extraFileExtensions: ['.vue', '.json', '.ts', '.js'],
+    warnOnUnsupportedTypeScriptVersion: false,
+    project: './tsconfig.json'
   },
-
   env: {
     browser: true,
     es2021: true,
-    node: true
+    node: true,
+    'vue/setup-compiler-macros': true
   },
-
-  // Rules order is important, please avoid shuffling them
   extends: [
-    // 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
-    '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)
-
+    'plugin:vue/vue3-strongly-recommended',
     'standard'
-
   ],
 
   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
+    '@stylistic/js',
     'vue'
-
   ],
 
   globals: {
@@ -63,42 +39,70 @@ module.exports = {
 
   // add your custom rules here
   rules: {
-
-    // allow async-await
-    'generator-star-spacing': 'off',
-    // allow paren-less arrow functions
-    'arrow-parens': 'off',
+    'vue/no-mutating-props': 'off',
+    '@typescript-eslint/no-inferrable-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    'vue/no-side-effects-in-computed-properties': 'off',
+    'vue/no-async-in-computed-properties': 'off',
+    'vue/no-unused-components': 'off',
+    'vue/max-attributes-per-line': 'off',
+    '@stylistic/js/no-multiple-empty-lines': 'off',
+    '@typescript-eslint/no-floating-promises': ['error'],
+    'promise/param-names': 'off',
+    '@stylistic/js/generator-star-spacing': 'off',
+    '@stylistic/js/arrow-parens': 'off',
     'one-var': 'off',
     'no-void': 'off',
-    'multiline-ternary': 'off',
-
+    '@stylistic/js/multiline-ternary': 'off',
     'import/first': 'off',
     'import/namespace': 'error',
     'import/default': 'error',
     'import/export': 'error',
     'import/extensions': 'off',
     'import/no-unresolved': 'off',
     'import/no-extraneous-dependencies': 'off',
-
-    // The core 'import/named' rules
-    // does not work with type definitions
     'import/named': 'off',
-
     'prefer-promise-reject-errors': 'off',
-
-    quotes: ['warn', 'single', { avoidEscape: true }],
-
-    // this rule, if on, would require explicit return type on the `render` function
+    'no-unused-vars': 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    '@stylistic/js/space-in-parens': [
+      'error',
+      'never'
+    ],
+    'no-return-assign': 'off',
+    eqeqeq: 'off',
+    'no-empty': 'off',
+    'no-useless-return': 'off',
+    'no-unreachable': 'off',
+    'prefer-const': 'off',
+    '@stylistic/js/space-before-function-paren': [
+      'error',
+      'never'
+    ],
+    camelcase: 'off',
+    'no-undef': 'off',
+    '@stylistic/js/quotes': [
+      'error',
+      'double'
+    ],
+    '@stylistic/js/spaced-comment': 'off',
+    '@stylistic/js/key-spacing': [
+      'error',
+      {
+        afterColon: true
+      }
+    ],
+    // TYPESCRIPT
     '@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:recommended 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'
+    '@typescript-eslint/no-empty-function': 'warn',
+    '@typescript-eslint/no-unused-vars': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/ban-types': 'off',
+    '@typescript-eslint/no-namespace': 'off',
+    '@typescript-eslint/no-empty-interface': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    // VUE
+    'vue/multi-word-component-names': 'off'
   }
 }

README.md

@@ -1,7 +1,3 @@
-# Quasar App (fiddl-ui)
-
-fiddl-ui
-
 ## Install the dependencies
 ```bash
 yarn

netlify.toml

@@ -0,0 +1,9 @@
+[build]
+  base = "."
+  publish = "dist/spa"
+  command = "yarn build"
+
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200

package.json

@@ -1,43 +1,51 @@
 {
   "name": "fiddl-ui",
   "version": "0.0.1",
-  "description": "fiddl-ui",
-  "productName": "Quasar App",
-  "author": "Boid <[email protected]>",
-  "type": "module",
+  "description": "fiddl.art",
+  "productName": "fiddl-ui",
+  "author": "[email protected]",
   "private": true,
   "scripts": {
-    "lint": "eslint --ext .js,.ts,.vue ./",
     "test": "echo \"No test specified\" && exit 0",
     "dev": "quasar dev",
-    "build": "quasar build"
+    "build": "quasar build",
+    "lint": "eslint --ext .js,.ts,.vue --fix ./",
+    "tsc": "npx vue-tsc --noEmit"
   },
   "dependencies": {
-    "pinia": "^2.0.11",
     "@quasar/extras": "^1.16.4",
-    "quasar": "^2.16.0",
+    "@simplewebauthn/browser": "^10.0.0",
+    "axios": "^1.6.8",
+    "eventemitter3": "^5.0.1",
+    "pinia": "^2.0.11",
+    "quasar": "^2.8.0",
     "vue": "^3.4.18",
     "vue-router": "^4.0.12"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.16.0",
-    "@typescript-eslint/parser": "^7.16.0",
-    "vite-plugin-checker": "^0.7.2",
-    "vue-tsc": "^2.0.29",
-    "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.0.0",
+    "@deepgram/sdk": "^3.3.2",
+    "@quasar/app-vite": "^1.8.0",
+    "@types/node": "^12.20.21",
+    "@typescript-eslint/eslint-plugin": "^5.10.0",
+    "@typescript-eslint/parser": "^5.10.0",
+    "@vue/language-plugin-pug": "^2.0.7",
+    "autoprefixer": "^10.4.2",
+    "dotenv": "^16.4.5",
+    "eslint": "^8.11.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.19.1",
     "eslint-plugin-n": "^15.0.0",
     "eslint-plugin-promise": "^6.0.0",
-    "@types/node": "^20.5.9",
-    "@quasar/app-vite": "^2.0.0-beta.12",
-    "autoprefixer": "^10.4.2",
-    "typescript": "~5.5.3"
+    "eslint-plugin-vue": "^9.0.0",
+    "pug": "^3.0.2",
+    "typescript": "^4.5.4",
+    "vite-plugin-checker": "^0.6.4",
+    "vite-plugin-rewrite-all": "^1.0.2",
+    "vite-tsconfig-paths": "^4.3.2"
   },
   "engines": {
-    "node": "^24 || ^22 || ^20 || ^18",
+    "node": "^20 || ^18 || ^16",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }
-}
+}

postcss.config.mjs → postcss.config.cjs

@@ -1,13 +1,10 @@
 /* eslint-disable */
 // https://github.com/michael-ciniawsky/postcss-load-config
 
-import autoprefixer from 'autoprefixer'
-// import rtlcss from 'postcss-rtlcss'
-
-export default {
+module.exports = {
   plugins: [
     // https://github.com/postcss/autoprefixer
-    autoprefixer({
+    require('autoprefixer')({
       overrideBrowserslist: [
         'last 4 Chrome versions',
         'last 4 Firefox versions',
@@ -18,13 +15,13 @@ export default {
         'last 4 FirefoxAndroid versions',
         'last 4 iOS versions'
       ]
-    }),
+    })
 
     // https://github.com/elchininet/postcss-rtlcss
     // If you want to support RTL css, then
-    // 1. yarn/pnpm/bun/npm install postcss-rtlcss
+    // 1. yarn/npm install postcss-rtlcss
     // 2. optionally set quasar.config.js > framework > lang to an RTL language
-    // 3. uncomment the following line (and its import statement above):
-    // rtlcss()
+    // 3. uncomment the following line:
+    // require('postcss-rtlcss')
   ]
 }