preparing deploy on gh-pages

Author: matteobruni

package.json

@@ -5,7 +5,9 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "predeploy": "yarn build",
+    "deploy": "gh-pages -d dist"
   },
   "dependencies": {
     "core-js": "^3.8.0",

src/App.vue

@@ -1,8 +1,5 @@
-u
 <template>
-  <div id="app">
     <router-view></router-view>
-  </div>
 </template>
 
 <script>
@@ -21,4 +18,4 @@ export default {
   color: #2c3e50;
   margin-top: 60px;
 }
-</style>
+</style>

src/components/Home.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import HelloWorld from "@/components/HelloWorld";
+import HelloWorld from "./HelloWorld";
 
 export default {
   name: "Home",

src/main.js

@@ -1,9 +1,9 @@
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router';
 import App from './App.vue'
-import Home from "@/components/Home";
-import Login from "@/components/Login";
-import Register from "@/components/Register";
+import Home from './components/Home';
+import Login from './components/Login';
+import Register from './components/Register';
 import Particles from 'particles.vue3';
 
 const routes = [

vue.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+    publicPath: process.env.NODE_ENV === 'production'
+        ? '/vue3-auth-template/'
+        : '/'
+}