vectify 2.0.3 → 2.0.5

package/dist/{chunk-BKDGWTE6.mjs → chunk-GY4VNET5.mjs}

@@ -912,7 +912,7 @@ async function generateIndexFile(svgFiles, config, dryRun = false) {
   const typescript = config.typescript ?? true;
   const strategy = getFrameworkStrategy(config.framework);
   const ext = strategy.getIndexExtension(typescript);
-  const usesDefaultExport = ["vue", "svelte", "react", "preact"].includes(config.framework);
+  const usesDefaultExport = ["vue", "vue2", "svelte", "react", "preact"].includes(config.framework);
   const exports = svgFiles.map((svgFile) => {
     const fileName = path4.basename(svgFile);
     const componentName = getComponentName(

package/dist/cli.js

@@ -1052,7 +1052,7 @@ async function generateIndexFile(svgFiles, config, dryRun = false) {
   const typescript = config.typescript ?? true;
   const strategy = getFrameworkStrategy(config.framework);
   const ext = strategy.getIndexExtension(typescript);
-  const usesDefaultExport = ["vue", "svelte", "react", "preact"].includes(config.framework);
+  const usesDefaultExport = ["vue", "vue2", "svelte", "react", "preact"].includes(config.framework);
   const exports2 = svgFiles.map((svgFile) => {
     const fileName = import_node_path4.default.basename(svgFile);
     const componentName = getComponentName(

package/dist/cli.mjs

@@ -3,7 +3,7 @@ import {
   generate,
   init,
   watch
-} from "./chunk-BKDGWTE6.mjs";
+} from "./chunk-GY4VNET5.mjs";
 import "./chunk-CIKTK6HI.mjs";
 
 // src/cli.ts

package/dist/index.js

@@ -1060,7 +1060,7 @@ async function generateIndexFile(svgFiles, config, dryRun = false) {
   const typescript = config.typescript ?? true;
   const strategy = getFrameworkStrategy(config.framework);
   const ext = strategy.getIndexExtension(typescript);
-  const usesDefaultExport = ["vue", "svelte", "react", "preact"].includes(config.framework);
+  const usesDefaultExport = ["vue", "vue2", "svelte", "react", "preact"].includes(config.framework);
   const exports2 = svgFiles.map((svgFile) => {
     const fileName = import_node_path4.default.basename(svgFile);
     const componentName = getComponentName(

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
   init,
   loadConfig,
   watch
-} from "./chunk-BKDGWTE6.mjs";
+} from "./chunk-GY4VNET5.mjs";
 import "./chunk-CIKTK6HI.mjs";
 
 // src/types.ts

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.3",
+  "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>",