feat(icons): 添加 Lucide 图标组件并集成到首页

添加 Lucide Vue 图标库依赖,创建 AppIcon 基础组件用于统一管理图标
移除 .npmrc 文件并更新 pre-commit 钩子使用 npm 替代 pnpm
This commit is contained in:
houakang
2026-04-10 15:19:12 +08:00
parent 2d1fe95be0
commit 0b11680aea
6 changed files with 99 additions and 53 deletions

View File

@@ -0,0 +1,30 @@
<template>
<component
:is="icon"
:size="size"
:color="color"
:stroke-width="strokeWidth"
class="lucide-icon"
/>
</template>
<script setup>
defineProps({
icon: {
type: Object, // 注意:这里接收的是 Lucide 图标组件对象
required: true,
},
size: {
type: [Number, String],
default: 24,
},
color: {
type: String,
default: 'currentColor',
},
strokeWidth: {
type: [Number, String],
default: 2,
},
});
</script>