Migration to vue3 + vuetify (#118)

Author: tomchop

.browserslistrc

@@ -1,3 +1,4 @@
 > 1%
 last 2 versions
 not dead
+not ie 11

.editorconfig

@@ -0,0 +1,5 @@
+[*.{js,jsx,ts,tsx,vue}]
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintrc.js

@@ -1,22 +1,14 @@
 module.exports = {
   root: true,
   env: {
-    node: true
-  },
-  extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
-  parserOptions: {
-    parser: "babel-eslint"
+    node: true,
   },
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+  ],
   rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off"
+    'vue/multi-word-component-names': 'off',
   },
-  overrides: [
-    {
-      files: ["**/__tests__/*.{j,t}s?(x)", "**/tests/unit/**/*.spec.{j,t}s?(x)"],
-      env: {
-        jest: true
-      }
-    }
-  ]
-};
+}

.github/workflows/docker-build.yml

@@ -0,0 +1,24 @@
+name: Build Docker images
+
+on: [pull_request]
+
+jobs:
+  push_to_registries:
+    name: Build Docker images
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out the repo
+        uses: actions/checkout@v4
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build Docker images
+        uses: docker/build-push-action@v5
+        with:
+          context: .
+          file: ./docker/prod/Dockerfile
+          platforms: linux/amd64,linux/arm64
+          push: false

.gitignore

@@ -10,9 +10,11 @@ node_modules
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
 
 # Editor directories and files
 .idea
+.vscode
 *.suo
 *.ntvs*
 *.njsproj

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "printWidth": 120,
+  "trailingComma": "none",
+  "arrowParens": "avoid"
+}

.prettierrc.json

@@ -1,29 +1,69 @@
-# frontend
+# essentials
 
 ## Project setup
+
 ```
+# yarn
+yarn
+
+# npm
 npm install
+
+# pnpm
+pnpm install
+
+# bun 
+bun install
 ```
 
 ### Compiles and hot-reloads for development
+
 ```
-npm run serve
+# yarn
+yarn dev
+
+# npm
+npm run dev
+
+# pnpm
+pnpm dev
+
+# bun 
+bun run dev
 ```
 
 ### Compiles and minifies for production
+
 ```
+# yarn
+yarn build
+
+# npm
 npm run build
-```
 
-### Run your unit tests
-```
-npm run test:unit
+# pnpm
+pnpm build
+
+# bun 
+bun run build
 ```
 
 ### Lints and fixes files
+
 ```
+# yarn
+yarn lint
+
+# npm
 npm run lint
+
+# pnpm
+pnpm lint
+
+# bun 
+bun run lint
 ```
 
 ### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+
+See [Configuration Reference](https://vitejs.dev/config/).

README.md

@@ -8,11 +8,7 @@ if [[ "$1" =~ "dev" ]]; then
       npm install
       touch .node_installed
     fi
-    if [[ ! -z "${VUE_API_BACKEND}" ]]; then
-      # this is the busybox version of sed
-      sed -i s/localhost/${VUE_API_BACKEND}/ vue.config.js
-    fi
-    npm run serve
+    npm run dev
 fi
 
 if [[ "$1" =~ "shell" ]]; then