@iconmu/vue 0.0.1

package/README.md

@@ -0,0 +1,73 @@
+# @iconmu/vue
+
+Vue 3 component for Iconmu icon library.
+
+## Installation
+
+```bash
+bun add @iconmu/vue
+```
+
+## Usage
+
+### Basic Example
+
+```vue
+<script setup>
+import { Iconmu } from "@iconmu/vue";
+import { Home } from "@iconmu/base-line";
+</script>
+
+<template>
+  <Iconmu :icon="Home" :size="24" />
+</template>
+```
+
+### With All Icon Styles
+
+```vue
+<script setup>
+import { Iconmu } from "@iconmu/vue";
+import { Home as HomeBaseLine } from "@iconmu/base-line";
+import { Home as HomeBaseSolid } from "@iconmu/base-solid";
+import { Home as HomeSharpLine } from "@iconmu/sharp-line";
+import { Home as HomeSharpSolid } from "@iconmu/sharp-solid";
+</script>
+
+<template>
+  <Iconmu :icon="HomeBaseLine" :size="32" class="fill-neutral-950" />
+  <Iconmu :icon="HomeBaseSolid" :size="32" class="fill-neutral-950" />
+  <Iconmu :icon="HomeSharpLine" :size="32" class="fill-neutral-950" />
+  <Iconmu :icon="HomeSharpSolid" :size="32" class="fill-neutral-950" />
+</template>
+```
+
+### With Custom Color
+
+```vue
+<script setup>
+import { Iconmu } from "@iconmu/vue";
+import { Home } from "@iconmu/base-line";
+</script>
+
+<template>
+  <Iconmu :icon="Home" :size="48" color="#3B82F6" />
+</template>
+```
+
+## Props
+
+| Prop    | Type                                   | Default          | Description                    |
+| ------- | -------------------------------------- | ---------------- | ------------------------------ |
+| `icon`  | `{ content: string, viewBox?: string }` | required         | Icon object from icon packages |
+| `size`  | `number`                               | `24`             | Icon size in pixels            |
+| `color` | `string`                               | `"currentColor"` | Icon color (CSS color value)   |
+| `className` | `string`                               | `""`             | Additional CSS classes         |
+
+## Peer Dependencies
+
+- `vue` ^3.0.0
+
+## License
+
+MIT

package/dist/components/Iconmu.vue.d.ts

@@ -0,0 +1,41 @@
+interface IconType {
+    content: string;
+}
+interface Props {
+    icon: IconType;
+    size?: number;
+    color?: string;
+    className?: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    size: number;
+    color: string;
+    className: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    size: number;
+    color: string;
+    className: string;
+}>>> & Readonly<{}>, {
+    size: number;
+    color: string;
+    className: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=Iconmu.vue.d.ts.map

package/dist/components/Iconmu.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Iconmu.vue.d.ts","sourceRoot":"","sources":["../../src/components/Iconmu.vue"],"names":[],"mappings":"AAYA;AAIA,UAAU,QAAQ;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;;;;;;;;;UAHQ,MAAM;WACL,MAAM;eACF,MAAM;;AA8DpB,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),c=["width","height","color","innerHTML"],t=o.defineComponent({__name:"Iconmu",props:{icon:{},size:{default:24},color:{default:"currentColor"},className:{default:""}},setup(e){var n;return(n=e.icon)!=null&&n.content||console.warn('Iconmu: Icon object requires "content" property'),(r,i)=>(o.openBlock(),o.createElementBlock("svg",{width:e.size,height:e.size,viewBox:"0 0 40 40",fill:"currentColor",color:e.color,class:o.normalizeClass(e.className),style:o.normalizeStyle({color:e.color}),innerHTML:e.icon.content},null,14,c))}});exports.Iconmu=t;exports.default=t;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Iconmu, default } from './components/Iconmu.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,27 @@
+import { defineComponent as n, openBlock as c, createElementBlock as t, normalizeStyle as l, normalizeClass as r } from "vue";
+const i = ["width", "height", "color", "innerHTML"], f = /* @__PURE__ */ n({
+  __name: "Iconmu",
+  props: {
+    icon: {},
+    size: { default: 24 },
+    color: { default: "currentColor" },
+    className: { default: "" }
+  },
+  setup(e) {
+    var o;
+    return (o = e.icon) != null && o.content || console.warn('Iconmu: Icon object requires "content" property'), (a, u) => (c(), t("svg", {
+      width: e.size,
+      height: e.size,
+      viewBox: "0 0 40 40",
+      fill: "currentColor",
+      color: e.color,
+      class: r(e.className),
+      style: l({ color: e.color }),
+      innerHTML: e.icon.content
+    }, null, 14, i));
+  }
+});
+export {
+  f as Iconmu,
+  f as default
+};

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@iconmu/vue",
+  "version": "0.0.1",
+  "description": "Vue 3 component for Iconmu icon library",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist/**/*"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "vite build",
+    "clean": "rm -rf dist"
+  },
+  "keywords": [
+    "icons",
+    "vue",
+    "vue3",
+    "vue-components",
+    "icon-library",
+    "svg",
+    "iconmu"
+  ],
+  "author": "afrianska",
+  "license": "MIT",
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "typescript": "^5.9.2",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.0.0",
+    "vue": "^3.4.0"
+  }
+}