Fix client side generation with firebase

Author: AchoArnold

web/firebase.json

@@ -5,7 +5,7 @@
     "rewrites": [
       {
         "source": "**",
-        "destination": "/index.html"
+        "destination": "/200.html"
       }
     ]
   }

web/layouts/default.vue

@@ -20,10 +20,8 @@
     </v-navigation-drawer>
     <v-main :class="{ 'has-drawer': hasDrawer && $vuetify.breakpoint.lgAndUp }">
       <toast></toast>
-      <client-only>
-        <Nuxt v-if="$store.getters.authStateChanged" />
-        <loading-dashboard v-else></loading-dashboard>
-      </client-only>
+      <Nuxt v-if="$store.getters.authStateChanged" />
+      <loading-dashboard v-else></loading-dashboard>
     </v-main>
   </v-app>
 </template>

web/pages/router.vue

@@ -0,0 +1,24 @@
+<template>
+  <v-container fluid fill-height>
+    <v-progress-circular
+      indeterminate
+      size="160"
+      class="mt-8 mx-auto"
+      color="primary"
+    ></v-progress-circular>
+  </v-container>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend({
+  name: 'Router',
+  mounted() {
+    console.log('routing to new page', this.$route.path)
+    this.$router.push({
+      path: this.$route.path,
+    })
+  },
+})
+</script>