Added base project
This commit is contained in:
@@ -0,0 +1,50 @@
|
||||
<template>
|
||||
<div>
|
||||
<NavigationMenu>
|
||||
<NavigationMenuList class="justify-around gap-20">
|
||||
<NavigationMenuItem>
|
||||
<NavigationMenuTrigger>Testing</NavigationMenuTrigger>
|
||||
<NavigationMenuContent>
|
||||
<li>
|
||||
<NavigationMenuLink as-child>
|
||||
<RouterLink to="/testing/laravel">Laravel</RouterLink>
|
||||
</NavigationMenuLink>
|
||||
<NavigationMenuLink as-child>
|
||||
<RouterLink to="/testing/websockets">Web Sockets</RouterLink>
|
||||
</NavigationMenuLink>
|
||||
</li>
|
||||
</NavigationMenuContent>
|
||||
</NavigationMenuItem>
|
||||
<NavigationMenuItem v-if="!userLoggedIn">
|
||||
<NavigationMenuLink>
|
||||
<RouterLink to="/login">Login</RouterLink>
|
||||
</NavigationMenuLink>
|
||||
</NavigationMenuItem>
|
||||
<NavigationMenuItem v-else>
|
||||
<NavigationMenuLink>
|
||||
<a @click.prevent="logoutClickHandler">Logout</a>
|
||||
</NavigationMenuLink>
|
||||
</NavigationMenuItem>
|
||||
</NavigationMenuList>
|
||||
</NavigationMenu>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
NavigationMenu,
|
||||
NavigationMenuContent,
|
||||
NavigationMenuItem,
|
||||
NavigationMenuLink,
|
||||
NavigationMenuList,
|
||||
NavigationMenuTrigger,
|
||||
} from '@/components/ui/navigation-menu'
|
||||
|
||||
|
||||
const emits = defineEmits(['logout'])
|
||||
const { userLoggedIn } = defineProps(['userLoggedIn'])
|
||||
|
||||
const logoutClickHandler = () => {
|
||||
emits('logout')
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user