aboutsummaryrefslogtreecommitdiff
path: root/src/components/MenuIconItem.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/MenuIconItem.vue')
-rw-r--r--src/components/MenuIconItem.vue16
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;