113 lines
1.5 KiB
Vue
113 lines
1.5 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import type { IconName } from "@imen/shared";
|
||
|
|
import {
|
||
|
|
Award,
|
||
|
|
BadgeCheck,
|
||
|
|
Building2,
|
||
|
|
ClipboardCheck,
|
||
|
|
Clock,
|
||
|
|
Construction,
|
||
|
|
Ear,
|
||
|
|
Factory,
|
||
|
|
FileCheck,
|
||
|
|
FileSearch,
|
||
|
|
Flame,
|
||
|
|
Footprints,
|
||
|
|
Fuel,
|
||
|
|
Gauge,
|
||
|
|
Glasses,
|
||
|
|
Globe,
|
||
|
|
GraduationCap,
|
||
|
|
Hand,
|
||
|
|
Handshake,
|
||
|
|
HardHat,
|
||
|
|
Headset,
|
||
|
|
HeartPulse,
|
||
|
|
Leaf,
|
||
|
|
Lock,
|
||
|
|
Mail,
|
||
|
|
MapPin,
|
||
|
|
Medal,
|
||
|
|
Microscope,
|
||
|
|
Package,
|
||
|
|
PackageCheck,
|
||
|
|
Phone,
|
||
|
|
Pickaxe,
|
||
|
|
ShieldAlert,
|
||
|
|
ShieldCheck,
|
||
|
|
ShieldPlus,
|
||
|
|
Shirt,
|
||
|
|
Siren,
|
||
|
|
Star,
|
||
|
|
Target,
|
||
|
|
ThumbsUp,
|
||
|
|
TrafficCone,
|
||
|
|
TriangleAlert,
|
||
|
|
Truck,
|
||
|
|
Users,
|
||
|
|
Warehouse,
|
||
|
|
Wind,
|
||
|
|
Wrench,
|
||
|
|
Zap,
|
||
|
|
} from "lucide-vue-next";
|
||
|
|
import type { Component } from "vue";
|
||
|
|
|
||
|
|
/** Explicit registry (matches ICON_NAMES in @imen/shared) so only these icons are bundled */
|
||
|
|
const ICONS: Record<IconName, Component> = {
|
||
|
|
ShieldCheck,
|
||
|
|
ShieldPlus,
|
||
|
|
ShieldAlert,
|
||
|
|
BadgeCheck,
|
||
|
|
Award,
|
||
|
|
Medal,
|
||
|
|
PackageCheck,
|
||
|
|
Package,
|
||
|
|
Truck,
|
||
|
|
Warehouse,
|
||
|
|
Globe,
|
||
|
|
Users,
|
||
|
|
Handshake,
|
||
|
|
Headset,
|
||
|
|
ClipboardCheck,
|
||
|
|
FileCheck,
|
||
|
|
FileSearch,
|
||
|
|
GraduationCap,
|
||
|
|
Gauge,
|
||
|
|
Microscope,
|
||
|
|
Wrench,
|
||
|
|
HardHat,
|
||
|
|
Shirt,
|
||
|
|
Footprints,
|
||
|
|
Hand,
|
||
|
|
Glasses,
|
||
|
|
Ear,
|
||
|
|
Wind,
|
||
|
|
TriangleAlert,
|
||
|
|
Siren,
|
||
|
|
TrafficCone,
|
||
|
|
Construction,
|
||
|
|
Factory,
|
||
|
|
Building2,
|
||
|
|
Fuel,
|
||
|
|
Pickaxe,
|
||
|
|
Flame,
|
||
|
|
Zap,
|
||
|
|
Leaf,
|
||
|
|
HeartPulse,
|
||
|
|
Clock,
|
||
|
|
Phone,
|
||
|
|
Mail,
|
||
|
|
MapPin,
|
||
|
|
Star,
|
||
|
|
ThumbsUp,
|
||
|
|
Target,
|
||
|
|
Lock,
|
||
|
|
};
|
||
|
|
|
||
|
|
defineProps<{ name: string }>();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<component :is="ICONS[name as IconName] ?? ShieldCheck" />
|
||
|
|
</template>
|