elk/components/status/StatusNotFound.vue
2022-11-29 04:02:44 +08:00

31 lines
719 B
Vue

<script setup lang="ts">
const { account, status } = defineProps<{
account: string
status: string
}>()
const originalUrl = computed(() => {
const [handle, _server] = account.split('@')
const server = _server || currentUser.value?.server
if (!server)
return null
return `https://${server}/@${handle}/${status}`
})
</script>
<template>
<CommonNotFound>
<div flex="~ col center gap2">
<div>Status not found</div>
<NuxtLink v-if="originalUrl" :to="originalUrl" target="_blank">
<button btn-solid flex="~ center gap-2" px2 py1>
<div i-ri:arrow-right-up-line />
Try original site
</button>
</NuxtLink>
</div>
</CommonNotFound>
</template>