@fifteen/design-system-vue/dist/cjs/composables/useIcon.js

Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),i={icons:Symbol.for("icons"),flags:Symbol.for("flagIcons"),creditCards:Symbol.for("creditCardIcons")};function u(s,o){const t=i[s],c=n.inject(t),e=n.computed(()=>{const r=n.unref(o);return r?c?.[r]:null});return n.watch(e,r=>{n.unref(o)&&!r&&console.warn(`[FDS] Markup for icon "${n.unref(o)}" was not found for collection "${Symbol.keyFor(t)}". Icons are not longer registered by default. You must import and declare them by using the \`createFds\` function in your app entry point.'`)},{immediate:!0}),{markup:e}}function f(s,o){const t=i[s],c=n.inject(t);c&&Object.keys(o).forEach(e=>{c[e]=o[e]})}exports.iconsInjectionKeys=i;exports.registerIcons=f;exports.useIcon=u;