BaseIcon

Состоит из компонента BaseIcon и утилиты utils.ts.

Позволяет использовать в приложении иконки с динамичным обращением к ним по имени:

<script setup lang="ts">
import BaseIcon from "@/components/ui/BaseIcon.vue";
import { useAppConfig } from "@/composables/useAppConfig";

const { isDrawerOpen } = useAppConfig();
</script>

<template>
  <header class="header">
    <BaseIcon name="hamburger" class="drawer-toggle" @click="isDrawerOpen = !isDrawerOpen" />
  </header>
</template>

utils.ts при инициализации с помощью import.meta.glob считывает из директории @/assets/images/ все файлы с расширениями .svg и .png и использует их имена как идентификаторы иконок для BaseIcon.