mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Mike Newbon
5fd94e1365
Co-authored-by: Claude Fable 5 <noreply@anthropic.com> Co-authored-by: Benjamin Canac <canacb1@gmail.com> Co-authored-by: Cursor <cursoragent@cursor.com>
43 lines
1.0 KiB
Vue
43 lines
1.0 KiB
Vue
<script setup lang="ts">
|
|
const logoRef = ref()
|
|
|
|
const toast = useToast()
|
|
const appConfig = useAppConfig()
|
|
const { copy } = useClipboard()
|
|
|
|
const items = [
|
|
[{
|
|
label: 'Copy logo as SVG',
|
|
icon: 'i-simple-icons-nuxtdotjs',
|
|
onSelect() {
|
|
if (!logoRef.value) {
|
|
return
|
|
}
|
|
|
|
copy(logoRef.value.$el.outerHTML)
|
|
|
|
toast.add({
|
|
title: 'Nuxt logo copied as SVG',
|
|
description: 'You can now paste it into your project',
|
|
icon: appConfig.ui.icons.success,
|
|
color: 'success'
|
|
})
|
|
}
|
|
}],
|
|
[{
|
|
label: 'Browse design kit',
|
|
icon: 'i-lucide-shapes',
|
|
to: 'https://nuxt.com/design-kit',
|
|
target: '_blank'
|
|
}]
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<UContextMenu :items="items">
|
|
<NuxtLink to="/" class="flex items-end gap-2 font-bold text-xl text-highlighted min-w-0 outline-primary/25 focus-visible:outline-3 shrink-0 rounded-md p-1 -ms-1" aria-label="Nuxt UI">
|
|
<Logo ref="logoRef" class="w-auto h-6 shrink-0" />
|
|
</NuxtLink>
|
|
</UContextMenu>
|
|
</template>
|