feat: Empty add description and custom slot feature in component

This commit is contained in:
Hakadao
2023-03-26 02:41:33 +08:00
parent f6ca157be5
commit 3460329c22

View File

@@ -1,10 +1,16 @@
<script setup lang="ts">
import browser from 'webextension-polyfill'
const props = defineProps<{
description: string
}>()
const emptyImg = browser.runtime.getURL('/assets/empty.png')
</script>
<template>
<div flex="~" justify="center" items="center">
<div flex="~ col gap-4" justify="center" items="center">
<img :src="emptyImg" w="200px" h="auto">
<span text="$bew-text-3">{{ props.description }}</span>
<slot />
</div>
</template>