feat: add size parameter to makeVueComponent

unionen · Dec 5, 2023 · 1a06381 · 1a06381
1 parent cfda68e
commit 1a06381
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @unionen/icons
 
+## 1.3.0
+
+### Minor Changes
+
+- add size parameter to makeVueComponent
+
 ## 1.2.0
 
 ### Minor Changes

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@unionen/icons",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "An iconset for FormKit inputs used on unionen.se",
   "private": false,
   "type": "module",

diff --git a/src/index.ts b/src/index.ts
@@ -1,7 +1,8 @@
-import * as icons from './icons-single';
-export * from './collections';
-import { h } from 'vue';
-import unionenIcons from './unionenIcons';
+/* eslint-disable quotes */
+import * as icons from "./icons-single";
+export * from "./collections";
+import { h } from "vue";
+import unionenIcons from "./unionenIcons";
 
 export default icons;
 export { icons, unionenIcons };
@@ -19,7 +20,13 @@ export function singleQuotes(param: string): string {
  * @param param - The icon string to wrap
  * @public
  */
-export function makeVueComponent(param: string) {
-  return h('span', { innerHTML: singleQuotes(param) });
+export function makeVueComponent(
+  param: string,
+  size: "sm" | "md" | "lg" | undefined = undefined
+) {
+  return h("span", {
+    innerHTML: singleQuotes(param),
+    class: size ? `icon-${size}` : undefined,
+  });
 }