-
+
{{ tool.name }}
-
+
{{ tool.description }}
@@ -25,32 +18,31 @@
import type { ITool } from '@/tools/Tool';
import { toRefs, defineProps } from 'vue';
-const props = defineProps<{ tool: ITool & { category: string } }>()
-const { tool } = toRefs(props)
-
+const props = defineProps<{ tool: ITool & { category: string } }>();
+const { tool } = toRefs(props);
\ No newline at end of file
+
diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue
index 64132c97..f3092bda 100644
--- a/src/layouts/base.layout.vue
+++ b/src/layouts/base.layout.vue
@@ -2,71 +2,57 @@
import { NIcon, useThemeVars } from 'naive-ui';
import { h, ref, type Component } from 'vue';
import { RouterLink, useRoute } from 'vue-router';
-import { Heart, Menu2, Home2 } from '@vicons/tabler'
+import { Heart, Menu2, Home2 } from '@vicons/tabler';
import { toolsByCategory } from '@/tools';
import SearchBar from '../components/SearchBar.vue';
import { useStyleStore } from '@/stores/style.store';
-import HeroGradient from '../assets/hero-gradient.svg?component'
-import MenuLayout from '../components/MenuLayout.vue'
-import NavbarButtons from '../components/NavbarButtons.vue'
+import HeroGradient from '../assets/hero-gradient.svg?component';
+import MenuLayout from '../components/MenuLayout.vue';
+import NavbarButtons from '../components/NavbarButtons.vue';
-const themeVars = useThemeVars()
-const activeKey = ref(null)
-const route = useRoute()
-const styleStore = useStyleStore()
+const themeVars = useThemeVars();
+const activeKey = ref(null);
+const route = useRoute();
+const styleStore = useStyleStore();
const version = import.meta.env.PACKAGE_VERSION;
const commitSha = import.meta.env.GIT_SHORT_SHA;
-const makeLabel = (text: string, to: string) => () => h(RouterLink, { to }, { default: () => text })
-const makeIcon = (icon: Component) => () => h(NIcon, null, { default: () => h(icon) })
+const makeLabel = (text: string, to: string) => () => h(RouterLink, { to }, { default: () => text });
+const makeIcon = (icon: Component) => () => h(NIcon, null, { default: () => h(icon) });
-const m = toolsByCategory.map(category => ({
+const m = toolsByCategory.map((category) => ({
label: category.name,
key: category.name,
type: 'group',
children: category.components.map(({ name, path, icon }) => ({
label: makeLabel(name, path),
icon: makeIcon(icon),
- key: name
- }))
-}))
-
+ key: name,
+ })),
+}));
-