svger-cli 1.0.6 → 1.0.8

package/test-output-mulit/TestIcon-vanilla.ts

@@ -0,0 +1,37 @@
+export interface TestIconOptions {
+  className?: string;
+  width?: string | number;
+  height?: string | number;
+  fill?: string;
+  stroke?: string;
+  [key: string]: any;
+}
+
+export function TestIcon(options: TestIconOptions = {}): SVGSVGElement {
+  const {
+    className = '',
+    width = 24,
+    height = 24,
+    fill = 'currentColor',
+    stroke = '',
+    ...attrs
+  } = options;
+
+  const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+  svg.setAttribute('viewBox', '0 0 24 24');
+  svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
+  
+  if (className) svg.setAttribute('class', className);
+  svg.setAttribute('width', String(width));
+  svg.setAttribute('height', String(height));
+  svg.setAttribute('fill', fill);
+  if (stroke) svg.setAttribute('stroke', stroke);
+  
+  Object.entries(attrs).forEach(([key, value]) => {
+    svg.setAttribute(key, String(value));
+  });
+  
+  svg.innerHTML = `<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>`;
+  
+  return svg;
+}

package/test-output-mulit/TestIcon-vue-composition.vue

@@ -0,0 +1,33 @@
+<template>
+  <svg
+    :class="className"
+    :style="style"
+    :width="width || 24"
+    :height="height || 24"
+    :fill="fill || 'currentColor'"
+    :stroke="stroke"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    v-bind="$attrs"
+  >
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
+  </svg>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  className?: string;
+  style?: string | Record<string, any>;
+  width?: string | number;
+  height?: string | number;
+  fill?: string;
+  stroke?: string;
+}
+
+withDefaults(defineProps<Props>(), {
+  className: '',
+  fill: 'currentColor',
+  width: 24,
+  height: 24
+});
+</script>

package/test-output-mulit/TestIcon-vue-options.vue

@@ -0,0 +1,31 @@
+<template>
+  <svg
+    :class="className"
+    :style="style"
+    :width="width"
+    :height="height"
+    :fill="fill"
+    :stroke="stroke"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    v-bind="$attrs"
+  >
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'TestIcon',
+  props: {
+    className: { type: String, default: '' },
+    style: { type: [String, Object], default: '' },
+    width: { type: [String, Number], default: 24 },
+    height: { type: [String, Number], default: 24 },
+    fill: { type: String, default: 'currentColor' },
+    stroke: { type: String, default: '' }
+  }
+});
+</script>

package/tsconfig.json

@@ -1,16 +1,18 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "declaration": true,
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "Bundler",
     "outDir": "dist",
     "rootDir": "src",
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "emitDeclarationOnly": false,
+    "skipLibCheck": true,
     "strict": true,
-    "skipLibCheck": true
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "jsx": "react-jsx",
+    "types": ["node"]
   },
   "include": ["src"]
-}
-
+}