elk/pages/share-target.vue
2024-02-24 16:46:14 +00:00

39 lines
903 B
Vue

<script setup>
definePageMeta({
middleware: () => {
if (!useAppConfig().pwaEnabled)
return navigateTo('/')
},
})
useWebShareTarget()
const pwaIsInstalled = import.meta.client && !!useNuxtApp().$pwa?.isInstalled
</script>
<template>
<MainContent>
<template #title>
<NuxtLink to="/share-target" flex items-center gap-2>
<div i-ri:share-line />
<span>{{ $t('share_target.title') }}</span>
</NuxtLink>
</template>
<slot>
<div flex="~ col" px5 py2 gap-y-4>
<div
v-if="!pwaIsInstalled || !currentUser"
role="alert"
gap-1
p-2
text-red-600 dark:text-red-400
border="~ base rounded red-600 dark:red-400"
>
{{ $t('share_target.hint') }}
</div>
<div>{{ $t('share_target.description') }}</div>
</div>
</slot>
</MainContent>
</template>