add hide if unauthed option

adh-partnership · Oct 15, 2022 · f885000 · f885000
1 parent 993a885
commit f885000
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/AuthLink.vue b/src/components/AuthLink.vue
@@ -2,7 +2,7 @@
   <RouterLink v-if="display" v-bind="$attrs" :to="props.to">
     <slot />
   </RouterLink>
-  <div v-else>
+  <div v-else-if="!display && !hideUnauthed">
     <slot />
   </div>
 </template>
@@ -16,11 +16,13 @@ import useUserStore from "@/stores/users";
 const props = withDefaults(
   defineProps<{
     to: RouteLocationRaw;
+    hideUnauthed?: boolean;
     auth?: boolean;
     roles?: string[];
   }>(),
   {
     auth: false,
+    hideUnauthed: false,
     roles: () => [],
   }
 );

diff --git a/src/views/pages/HomePage.vue b/src/views/pages/HomePage.vue
@@ -8,7 +8,7 @@
   </p>
   <p>
     <!-- This is to demo/test a link that will only be a link if authenticated... -->
-    <AuthLink to="#" :auth="true" :roles="['wm']">
+    <AuthLink to="#" :auth="true" :roles="['wm']" :hide-unauthed="true">
       <span class="text-green-500">Authenticated if linked</span>
     </AuthLink>
   </p>