vectify 2.0.4 → 2.0.5

package/dist/templates/vue2/icon.js.vue.hbs

@@ -1,23 +1,3 @@
-<template>
-  <svg
-    :width="size"
-    :height="size"
-    viewBox="0 0 24 24"
-    :aria-hidden="shouldHide"
-    :aria-label="ariaLabel"
-    :role="title || ariaLabel ? 'img' : undefined"
-    v-bind="$attrs"
-    :class="mergedClass"
-  >
-    <title v-if="title">{{ title }}</title>
-    <component
-      v-for="(node, index) in cleanedIconNode"
-      :key="index"
-      :is="renderNode(node)"
-    />
-  </svg>
-</template>
-
 <script>
 export default {
   name: 'Icon',
@@ -117,19 +97,43 @@ export default {
         return [type, cleanedAttrs, cleanedChildren]
       })
     },
-    renderNode(node) {
+    renderNode(h, node) {
       const [type, attrs, children] = node
 
       if (children && children.length > 0) {
-        return this.$createElement(
+        return h(
           type,
           { attrs },
-          children.map(child => this.renderNode(child))
+          children.map(child => this.renderNode(h, child))
         )
       }
 
-      return this.$createElement(type, { attrs })
+      return h(type, { attrs })
+    }
+  },
+  render(h) {
+    const children = []
+
+    if (this.title) {
+      children.push(h('title', this.title))
     }
+
+    this.cleanedIconNode.forEach(node => {
+      children.push(this.renderNode(h, node))
+    })
+
+    return h('svg', {
+      attrs: {
+        width: this.size,
+        height: this.size,
+        viewBox: '0 0 24 24',
+        'aria-hidden': this.shouldHide,
+        'aria-label': this.ariaLabel,
+        role: this.title || this.ariaLabel ? 'img' : undefined,
+        ...this.$attrs
+      },
+      class: this.mergedClass
+    }, children)
   }
 }
 </script>

package/dist/templates/vue2/icon.ts.vue.hbs

@@ -1,25 +1,5 @@
-<template>
-  <svg
-    :width="size"
-    :height="size"
-    viewBox="0 0 24 24"
-    :aria-hidden="shouldHide"
-    :aria-label="ariaLabel"
-    :role="title || ariaLabel ? 'img' : undefined"
-    v-bind="$attrs"
-    :class="mergedClass"
-  >
-    <title v-if="title">{{ title }}</title>
-    <component
-      v-for="(node, index) in cleanedIconNode"
-      :key="index"
-      :is="renderNode(node)"
-    />
-  </svg>
-</template>
-
 <script lang="ts">
-import Vue, { VNode } from 'vue'
+import Vue, { VNode, CreateElement } from 'vue'
 import type { IconNode } from 'vectify'
 
 export default Vue.extend({
@@ -120,19 +100,43 @@ export default Vue.extend({
         return [type, cleanedAttrs, cleanedChildren] as IconNode
       })
     },
-    renderNode(node: IconNode): VNode {
+    renderNode(h: CreateElement, node: IconNode): VNode {
       const [type, attrs, children] = node
 
       if (children && children.length > 0) {
-        return this.$createElement(
+        return h(
           type,
           { attrs },
-          children.map(child => this.renderNode(child))
+          children.map(child => this.renderNode(h, child))
         )
       }
 
-      return this.$createElement(type, { attrs })
+      return h(type, { attrs })
+    }
+  },
+  render(h: CreateElement): VNode {
+    const children: VNode[] = []
+
+    if (this.title) {
+      children.push(h('title', this.title))
     }
+
+    this.cleanedIconNode.forEach(node => {
+      children.push(this.renderNode(h, node))
+    })
+
+    return h('svg', {
+      attrs: {
+        width: this.size,
+        height: this.size,
+        viewBox: '0 0 24 24',
+        'aria-hidden': this.shouldHide,
+        'aria-label': this.ariaLabel,
+        role: this.title || this.ariaLabel ? 'img' : undefined,
+        ...this.$attrs
+      },
+      class: this.mergedClass
+    }, children)
   }
 })
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vectify",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "packageManager": "pnpm@9.15.9",
   "description": "A powerful command-line tool to generate React, Vue, and Svelte icon components from SVG files",
   "author": "Xiaobing Zhu <hellozxb252@gmail.com>",