fix: update qwik support (#291)

unplugin · Jul 11, 2023 · d3a852f · d3a852f
1 parent 25848d6
commit d3a852f
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 21 deletions.
diff --git a/README.md b/README.md
@@ -536,6 +536,12 @@ Type Declarations
 <details>
 <summary>Qwik</summary><br>
 
+Qwik support requires peer dependency `@svgx/core`:
+
+```bash
+npm i -D @svgx/core
+```
+
 ```ts
 Icons({ compiler: 'qwik' })
 ```

diff --git a/package.json b/package.json
@@ -116,6 +116,7 @@
   },
   "peerDependencies": {
     "@svgr/core": ">=7.0.0",
+    "@svgx/core": "^1.0.1",
     "@vue/compiler-sfc": "^3.0.2 || ^2.7.0",
     "vue-template-compiler": "^2.6.12",
     "vue-template-es2015-compiler": "^1.9.0"
@@ -124,6 +125,9 @@
     "@svgr/core": {
       "optional": true
     },
+    "@svgx/core": {
+      "optional": true
+    },
     "@vue/compiler-sfc": {
       "optional": true
     },

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/core/compilers/qwik.ts b/src/core/compilers/qwik.ts
@@ -16,9 +16,8 @@ export const QwikCompiler = (async (
   }
   const mergedOptions = Object.assign({}, defaultOptions, options)
   const svgx = await importModule('@svgx/core')
-  // check for v6 transform, v5 default and previous versions
-  const toJsComponent = svgx.toJsComponent || svgx.default || svgx
-  const res = toJsComponent(svg, {
+  const toJsxComponent = svgx.toJsxComponent
+  const res = toJsxComponent(svg, {
     ...mergedOptions,
     defaultExport: true,
   })

diff --git a/src/index.ts b/src/index.ts
@@ -29,7 +29,7 @@ const unplugin = createUnplugin<Options | undefined>((options = {}) => {
             case 'jsx':
               return `${res}.jsx`
             case 'qwik':
-              return `${res}.tsx`
+              return `${res}.jsx`
             case 'marko':
               return `${res}.marko`
             case 'svelte':