docs(user): redirect after loading if not authenticated

Author: johnleider

packages/docs/src/components/user/UserProfile.vue

@@ -1,7 +1,7 @@
 <template>
   <app-sheet width="250">
     <v-skeleton-loader
-      :loading="isLoading"
+      :loading="isLoading || !user"
       type="image, paragraph, divider, list-item-avatar"
     >
       <div class="text-center py-4 flex-grow-1">

packages/docs/src/layouts/user.vue

@@ -54,11 +54,22 @@
   import AppSettingsDrawer from '@/components/app/settings/Drawer.vue'
   import AppPwaSnackbar from '@/components/app/PwaSnackbar.vue'
   import UserProfile from '@/components/user/UserProfile.vue'
-
   import UserTabs from '@/components/user/UserTabs.vue'
 
   // Composables
-  import { useRoute } from 'vue-router'
+  import { useRoute, useRouter } from 'vue-router'
+  import { useAuth0 } from '@/plugins/auth'
+
+  // Utilities
+  import { watch } from 'vue'
 
   const route = useRoute()
+  const router = useRouter()
+  const { isLoading, isAuthenticated } = useAuth0()
+
+  watch(isLoading, val => {
+    if (val || isAuthenticated.value) return
+
+    router.push('/')
+  }, { immediate: true })
 </script>