diff options
Diffstat (limited to 'src/components/MenuIconItem.vue')
-rw-r--r-- | src/components/MenuIconItem.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/components/MenuIconItem.vue b/src/components/MenuIconItem.vue index a08fe24..ed1b888 100644 --- a/src/components/MenuIconItem.vue +++ b/src/components/MenuIconItem.vue @@ -1,14 +1,7 @@ -<template> - <div class="menu-icon-item"> - <n-icon :component="tool.icon" /> - <div v-if="tool.isNew" class="badge"></div> - </div> -</template> - <script setup lang="ts"> -import type { Tool } from '@/tools/tools.types'; import { useThemeVars } from 'naive-ui'; import { toRefs } from 'vue'; +import type { Tool } from '@/tools/tools.types'; const props = defineProps<{ tool: Tool }>(); const { tool } = toRefs(props); @@ -16,6 +9,13 @@ const { tool } = toRefs(props); const theme = useThemeVars(); </script> +<template> + <div class="menu-icon-item"> + <n-icon :component="tool.icon" /> + <div v-if="tool.isNew" class="badge" /> + </div> +</template> + <style lang="less" scoped> .menu-icon-item { position: relative; |