DEV/antfu-collective_icones
1
0
Fork 0
mirror of https://github.com/antfu-collective/icones.git synced 2026-01-09 07:40:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: qwik output (#134)

Browse Source
This commit is contained in:
Manu MA 2023-04-20 10:54:51 +02:00 committed by GitHub
parent b5fc47abb6
commit 87e9970220
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/utils/icons.ts
View File

@ -79,6 +79,18 @@ export function ${name}(props: SVGProps<SVGSVGElement>) {
return prettierCode(code, 'babel-ts')
}
export function SvgToQwik(svg: string, name: string, snippet: boolean) {
let code = `
export function ${name}(props: QwikIntrinsicElements['svg'], key: string) {
return (
${ClearSvg(svg, false).replace(/<svg (.*?)>/, '<svg $1 {...props} key={key}>')}
)
}`
code = snippet ? code : `import type { QwikIntrinsicElements } from '@builder.io/qwik'\n${code}\nexport default ${name}`
return prettierCode(code, 'babel-ts')
}
export function SvgToVue(svg: string, name: string, isTs?: boolean) {
const contet = `
<template>
@ -128,7 +140,7 @@ export async function getIconSnippet(icon: string, type: string, snippet = true,
case 'tsx':
return SvgToTSX(await getSvg(icon, undefined, color), toComponentName(icon), snippet)
case 'qwik':
return SvgToTSX(await getSvg(icon, undefined, color), toComponentName(icon), snippet, false)
return SvgToQwik(await getSvg(icon, undefined, color), toComponentName(icon), snippet)
case 'vue':
return SvgToVue(await getSvg(icon, undefined, color), toComponentName(icon))
case 'vue-ts':