feat: complete UI/UX improvements, vuesax icons, media server, and section management

2026-10-23 21:06:15 +03:30
parent 49f30a96b1
commit fa61a76444
64 changed files with 4527 additions and 819 deletions
@@ -1,112 +1,9 @@
 <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";
+import VuesaxIcon from "./VuesaxIcon.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 }>();
+defineProps<{ name: string; size?: number | string }>();
 </script>

 <template>
-  <component :is="ICONS[name as IconName] ?? ShieldCheck" />
+  <VuesaxIcon :name="name" :size="size" />
 </template>