copy index.html after build

.github/workflows/deploy-to-ghp.yml

@@ -33,6 +33,10 @@ jobs:
         run: npm ci
       - name: Build
         run: npm run build
+      - name: Make 404.html
+        # We make a copy of the built index.html file as the 404 page, to support direct navigation to front end (vue
+        # router) routes that the server doesn't know about
+        run: cp dist/index.html dist/404.html
       - name: Deploy to GitHub pages 🚀
         if: github.event_name != 'pull_request'
         uses: JamesIves/[email protected]

src/layouts/default.vue

@@ -1,8 +1,8 @@
 <template>
   <v-app>
-    <v-app-bar :absolute="true">
+    <v-app-bar density="compact">
       <router-link to="/">
-        <v-app-bar-title>{{ appConfig?.title }}</v-app-bar-title>
+        <v-app-bar-title class="ml-2">{{ appConfig?.title }}</v-app-bar-title>
       </router-link>
       <v-spacer></v-spacer>
       <router-link to="/about">