fix: created 404.html when uploading the page

.github/workflows/deploy.yaml

@@ -71,6 +71,10 @@ jobs:
       - name: Build Project
         run: npm run build
 
+      - name: Create 404 page
+        run: |
+          cp ./dist/index.html ./dist/404.html
+
       - name: Upload build artifacts
         uses: actions/upload-pages-artifact@v3
         with:

src/components/NavBar.vue

@@ -10,7 +10,7 @@ const theme = useTheme()
       <v-app-bar-title class="text-h6 text-sm-h5 d-none d-sm-flex"
         ><a href="/" class="text-decoration-none text-white">RevzIT</a></v-app-bar-title
       >
-      <div class="d-flex align-center flex-wrap">
+      <div class="d-flex flex-grow-1 align-center flex-wrap justify-center justify-md-end">
         <v-btn to="/" size="small" class="mx-1"> {{ $t('nav.home') }} </v-btn>
         <v-btn to="/about" size="small" class="mx-1"> {{ $t('nav.about') }} </v-btn>
         <v-btn to="/projects" size="small" class="mx-1"> {{ $t('nav.projects') }} </v-btn>

src/locales/en-US.json

@@ -40,7 +40,7 @@
       "adocli": {
         "title": "adocli",
         "subtitle": "Azure DevOps CLI — manage your Azure DevOps resources from the command line.",
-        "text": "I started this project to help myself and others manage Azure DevOps resources from the command line. It is built using Python and the Click library. It is still in early development, but it already has some basic features implemented. Feel free to check it out and contribute!"
+        "text": "I started this project to help myself and others manage Azure DevOps resources from the command line. It is built using Golang and the Click library. It is still in early development, but it already has some basic features implemented. Feel free to check it out and contribute!"
       }
     }
   },

src/locales/pt-BR.json

@@ -40,7 +40,7 @@
       "adocli": {
         "title": "adocli",
         "subtitle": "Azure DevOps CLI — gerencie seus recursos do Azure DevOps a partir da linha de comando.",
-        "text": "Comecei este projeto para ajudar a mim mesmo e a outros a gerenciar recursos do Azure DevOps a partir da linha de comando. É construído usando Python e a biblioteca Click. Ainda está em desenvolvimento inicial, mas já possui alguns recursos básicos implementados. Sinta-se à vontade para conferir e contribuir!"
+        "text": "Comecei este projeto para ajudar a mim mesmo e a outros a gerenciar recursos do Azure DevOps a partir da linha de comando. É construído usando Golang e a biblioteca Click. Ainda está em desenvolvimento inicial, mas já possui alguns recursos básicos implementados. Sinta-se à vontade para conferir e contribuir!"
       }
     }
   },

vite.config.ts

@@ -6,6 +6,7 @@ import vueJsx from '@vitejs/plugin-vue-jsx'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
 export default defineConfig({
+  base: '/',
   plugins: [vue(), vueJsx(), vueDevTools()],
   resolve: {
     alias: {