Vue 3.0 upgrade (#189)

* upgrading to vue 3, fixing lint errors

* it compiles, no lint errors 502 error though

* removed fastify as its not in this project.

* chore: Update npm dependency to latest version of "@fortawesome/vue-fontawesome" and "@vue/cli-plugin-router" so it would npm install.

* chore: update package.json to remove  --openssl-legacy-provider , as it is no longer needed since we went to Vue 3

* chore: Update .env file with VITE_API and DEV values

* chore: Update start scripts in package.json to use proper quotes to run both server and client app

* chore: Update devServer to remove https locally, as it caused issues locally for me.

* chore: Update start scripts in package.json to use proper quotes for running both server and client app (same as vue now) as per SWA CLI docs

* clean up router file

* eslint fix

* removed file as per CHris

angular-app/package.json

@@ -10,7 +10,7 @@
     "fastify-dev": "npm --prefix ../fastify-api-server start",
     "start-angular-fastify": "concurrently \"npm run fastify-dev\" \"VITE_API=http://0.0.0.0:3000/api npm run dev\"",
     "start-angular-func-swa": "npx @azure/static-web-apps-cli@latest start http://localhost:4200 --api-location ../api --run \"npm run start\"",
-    "start-angular-fastify-swa": "concurrently \"npm run fastify-dev\" \"npx @azure/static-web-apps-cli@latest start http://0.0.0.0:4200 --api-devserver-url http://0.0.0.0:3000 --host=0.0.0.0\" --run \"VITE_API=/api npm run start -- --host 0.0.0.0\""
+    "start-angular-fastify-swa": "concurrently \"npm run fastify-dev\" \"npx @azure/static-web-apps-cli@latest start http://0.0.0.0:4200 --api-devserver-url http://0.0.0.0:3000 --host=0.0.0.0 --run 'VITE_API=/api npm run start -- --host 0.0.0.0'\""
   },
   "private": true,
   "engines": {

react-app/package.json

@@ -12,7 +12,7 @@
     "fastify-dev": "npm --prefix ../fastify-api-server start",
     "start-react-fastify": "concurrently \"npm run fastify-dev\" \"VITE_API=http://0.0.0.0:3000/api npm run dev\"",
     "start-react-func-swa": "npx @azure/static-web-apps-cli@latest start http://localhost:3000 --api-location ../api --run \"npm run start\"",
-    "start-react-fastify-swa": "concurrently \"npm run fastify-dev\" \"npx @azure/static-web-apps-cli@latest start http://0.0.0.0:3000 --api-devserver-url http://0.0.0.0:3000 --host=0.0.0.0\" --run \"VITE_API=/api npm run start -- --host 0.0.0.0\""
+    "start-react-fastify-swa": "concurrently \"npm run fastify-dev\" \"npx @azure/static-web-apps-cli@latest start http://0.0.0.0:3000 --api-devserver-url http://0.0.0.0:3000 --host=0.0.0.0 --run 'VITE_API=/api npm run start -- --host 0.0.0.0'\""
   },
   "eslintConfig": {
     "extends": "react-app"

svelte-app/package.json

@@ -12,7 +12,7 @@
     "fastify-dev": "npm --prefix ../fastify-api-server start",
     "start-svelte-fastify": "concurrently \"npm run fastify-dev\" \"VITE_API=http://0.0.0.0:3000/api npm run dev\"",
     "start-svelte-func-swa": "npx @azure/static-web-apps-cli@latest start http://localhost:5001 --api-location ../api --run \"npm run dev\"",
-    "start-svelte-fastify-swa": "concurrently \"npm run fastify-dev\" \"npx @azure/static-web-apps-cli@latest start http://0.0.0.0:5001 --api-devserver-url http://0.0.0.0:3000 --host=0.0.0.0\" --run \"VITE_API=/api npm run dev -- --host 0.0.0.0\""
+    "start-svelte-fastify-swa": "concurrently \"npm run fastify-dev\" \"npx @azure/static-web-apps-cli@latest start http://0.0.0.0:5001 --api-devserver-url http://0.0.0.0:3000 --host=0.0.0.0 --run 'VITE_API=/api npm run dev -- --host 0.0.0.0'\""
   },
   "engines": {
     "node": ">=20.0.0"

vue-app/.babelrc

@@ -0,0 +1,6 @@
+{
+    "presets": [
+      "@vue/babel-preset-app",
+      "@babel/preset-env"
+    ]
+  }

vue-app/.env

@@ -0,0 +1,2 @@
+VITE_API='/api'
+DEV=false

vue-app/.eslintrc.js

@@ -26,8 +26,11 @@ module.exports = {
         ignoreWhenBindingPresent: true,
       },
     ],
+    'vuejs-accessibility/label-has-for': 'off',
+    'vue/multi-word-component-names':'off',
+    'no-restricted-exports': 'off',
   },
   parserOptions: {
-    parser: 'babel-eslint',
+    parser: '@babel/eslint-parser',
   },
 };