From 62aa5a32525d51e5814ea70c3a67aefce3c88e7d Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Fri, 30 May 2025 22:58:37 +0800
Subject: [PATCH 01/10] feat: replace `esbuild` with `oxidase`

---
 package.json          |   3 +-
 pnpm-lock.yaml        |   9 +++
 src/utils/template.ts |   3 +-
 test/template.test.ts | 126 ++++++++++++++++++------------------------
 4 files changed, 67 insertions(+), 74 deletions(-)

diff --git a/package.json b/package.json
index ca92ca7..3635d78 100644
--- a/package.json
+++ b/package.json
@@ -49,7 +49,8 @@
     "vue": "^3.5.13"
   },
   "dependencies": {
-    "@babel/parser": "^7.27.0"
+    "@babel/parser": "^7.27.0",
+    "oxidase": "^0.0.3"
   },
   "devDependencies": {
     "@antfu/eslint-config": "4.13.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 69a4406..8be419b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,6 +15,9 @@ importers:
       '@babel/parser':
         specifier: ^7.27.0
         version: 7.27.2
+      oxidase:
+        specifier: ^0.0.3
+        version: 0.0.3
     devDependencies:
       '@antfu/eslint-config':
         specifier: 4.13.2
@@ -2472,6 +2475,10 @@ packages:
   oxc-resolver@9.0.2:
     resolution: {integrity: sha512-w838ygc1p7rF+7+h5vR9A+Y9Fc4imy6C3xPthCMkdFUgFvUWkmABeNB8RBDQ6+afk44Q60/UMMQ+gfDUW99fBA==}
 
+  oxidase@0.0.3:
+    resolution: {integrity: sha512-b34YuOWiiFRSj06jYmJHVAqR1cqnG+W4fR4D8lvCFVIFm7Ysrf0E6ZLbfe9nJselZT/qjem0YlKRWtw2EBaIZQ==}
+    engines: {node: '>=18.20'}
+
   p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
@@ -6002,6 +6009,8 @@ snapshots:
       '@oxc-resolver/binding-win32-arm64-msvc': 9.0.2
       '@oxc-resolver/binding-win32-x64-msvc': 9.0.2
 
+  oxidase@0.0.3: {}
+
   p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
diff --git a/src/utils/template.ts b/src/utils/template.ts
index d6ba2ee..2c8b5a8 100644
--- a/src/utils/template.ts
+++ b/src/utils/template.ts
@@ -1,5 +1,6 @@
 import type { AttributeNode, DirectiveNode, ExpressionNode, ParentNode, RootNode, SourceLocation, TemplateChildNode, TextNode } from '@vue/compiler-dom'
 import { isFnExpressionBrowser as isFnExpression, isMemberExpressionBrowser as isMemberExpression } from '@vue/compiler-core'
+import { transpile } from 'oxidase'
 
 // copy from `@vue/compiler-dom`
 enum NodeTypes {
@@ -142,7 +143,7 @@ export async function transpileVueTemplate(
   content: string,
   root: RootNode,
   offset = 0,
-  transform: (code: string) => Promise<string>,
+  transform: (code: string) => Promise<string> = async code => transpile(code),
 ): Promise<string> {
   const { MagicString } = await import('vue/compiler-sfc')
   const expressions: Expression[] = []
diff --git a/test/template.test.ts b/test/template.test.ts
index eb7dccf..f269f49 100644
--- a/test/template.test.ts
+++ b/test/template.test.ts
@@ -1,5 +1,4 @@
 import { createRequire } from 'node:module'
-import { transform } from 'esbuild'
 import { resolveModulePath } from 'exsolve'
 import { describe, expect, it } from 'vitest'
 import { replaceQuote, transpileVueTemplate } from '../src/utils/template'
@@ -7,84 +6,71 @@ import { replaceQuote, transpileVueTemplate } from '../src/utils/template'
 describe('transform typescript template', () => {
   it('v-for', async () => {
     expect(await fixture(`<div v-for="item in items as unknown[]" :key="item">{{ item }}</div>`))
-      .toEqual(`<div v-for="item in items" :key="item">{{ item }}</div>`)
+      .toMatchInlineSnapshot(`"<div v-for="item in items             " :key="item">{{ item }}</div>"`)
 
     expect(await fixture(`<div v-for="(item, index) in items as unknown[]" :key="item" :index>{{ item }}</div>`))
-      .toEqual(`<div v-for="(item, index) in items" :key="item" :index>{{ item }}</div>`)
+      .toMatchInlineSnapshot(`"<div v-for="(item, index) in items             " :key="item" :index>{{ item }}</div>"`)
 
     expect(await fixture(`<div v-for="(item, index) of items" />`))
-      .toEqual(`<div v-for="(item, index) of items" />`)
+      .toMatchInlineSnapshot(`"<div v-for="(item, index) of items" />"`)
 
     expect(await fixture(`<div v-for="({ name = 'Tony' }, index) of items" />`))
-      .toEqual(`<div v-for="({ name = 'Tony' }, index) of items" />`)
+      .toMatchInlineSnapshot(`"<div v-for="({ name = 'Tony' }, index) of items" />"`)
   })
 
   it('v-if', async () => {
     expect(await fixture(`<div v-if="(data as any).test" />`))
-      .toEqual(`<div v-if="data.test" />`)
+      .toMatchInlineSnapshot(`"<div v-if="(data       ).test" />"`)
   })
 
   it('v-show', async () => {
-    expect(await fixture(`<div v-show="(data as any).show" />`)).toEqual(
-      `<div v-show="data.show" />`,
+    expect(await fixture(`<div v-show="(data as any).show" />`)).toMatchInlineSnapshot(
+      `"<div v-show="(data       ).show" />"`,
     )
   })
 
   it('v-model', async () => {
-    expect(await fixture(`<input v-model="(data as string)" />`)).toEqual(
-      `<input v-model="data" />`,
+    expect(await fixture(`<input v-model="(data as string)" />`)).toMatchInlineSnapshot(
+      `"<input v-model="(data          )" />"`,
     )
   })
 
   it('v-on', async () => {
     expect(
       await fixture(`<div @click="handleClick as () => void" />`),
-    ).toEqual(`<div @click="handleClick" />`)
-    expect(await fixture(`<div @click="handleClick()" />`)).toEqual(
-      `<div @click="handleClick()" />`,
+    ).toMatchInlineSnapshot(`"<div @click="handleClick              " />"`)
+    expect(await fixture(`<div @click="handleClick()" />`)).toMatchInlineSnapshot(
+      `"<div @click="handleClick()" />"`,
     )
     expect(
       await fixture(
         `<div @click="(e: unknown) => handleClick(e as MouseEvent)" />`,
       ),
-    ).toEqual(`<div @click="(e) => handleClick(e)" />`)
+    ).toMatchInlineSnapshot(`"<div @click="(e         ) => handleClick(e              )" />"`)
     expect(
       await fixture(
         `<div @click="(e: unknown) => { handleClick(e as MouseEvent); ping() }" />`,
       ),
-    ).toMatchInlineSnapshot(`
-      "<div @click="(e) => {
-        handleClick(e);
-        ping();
-      }" />"
-    `)
+    ).toMatchInlineSnapshot(`"<div @click="(e         ) => { handleClick(e              ); ping() }" />"`)
 
     // https://github.com/nuxt/module-builder/issues/587#issuecomment-2820414064
     expect(
       await fixture(`<div @click="a(); b()" />`),
-    ).toMatchInlineSnapshot(`
-      "<div @click="a();
-        b()" />"
-    `)
+    ).toMatchInlineSnapshot(`"<div @click="a(); b()" />"`)
     expect(
       await fixture(`<div @click="a(); () => {}; b()" />`),
-    ).toMatchInlineSnapshot(`
-      "<div @click="a();
-        () => {
-        };
-        b()" />"
-    `)
+    ).toMatchInlineSnapshot(`"<div @click="a(); () => {}; b()" />"`)
   })
 
   it('v-slot', async () => {
     expect(await fixture(`<Comp><template #header="{ name = 'hi' }">{{ name!.toString() }}</template></Comp>`))
-      .toMatchInlineSnapshot(`"<Comp><template #header="{ name = 'hi' }">{{ name.toString() }}</template></Comp>"`)
+      .toMatchInlineSnapshot(`"<Comp><template #header="{ name = 'hi' }">{{ name .toString() }}</template></Comp>"`)
   })
 
   it('destructuring', async () => {
     expect(
       await fixture(`<MyComponent v-slot="{ active, ...slotProps }">{{ active }}</MyComponent>`),
-    ).toEqual(`<MyComponent v-slot="{ active, ...slotProps }">{{ active }}</MyComponent>`)
+    ).toMatchInlineSnapshot(`"<MyComponent v-slot="{ active, ...slotProps }">{{ active }}</MyComponent>"`)
 
     expect(
       await fixture(
@@ -94,64 +80,64 @@ describe('transform typescript template', () => {
   })
 
   it('compound expressions', async () => {
-    expect(await fixture(`<slot :name="(foo as string) + bar" />`)).toEqual(
-      `<slot :name="foo + bar" />`,
+    expect(await fixture(`<slot :name="(foo as string) + bar" />`)).toMatchInlineSnapshot(
+      `"<slot :name="(foo          ) + bar" />"`,
     )
   })
 
   it('custom directives', async () => {
     expect(
       await fixture(`<div v-highlight="(highlight as boolean)" />`),
-    ).toEqual(`<div v-highlight="highlight" />`)
+    ).toMatchInlineSnapshot(`"<div v-highlight="(highlight           )" />"`)
   })
 
   it('v-bind', async () => {
-    expect(await fixture(`<div v-bind="(props as any)" />`)).toEqual(
-      `<div v-bind="props" />`,
+    expect(await fixture(`<div v-bind="(props as any)" />`)).toMatchInlineSnapshot(
+      `"<div v-bind="(props       )" />"`,
     )
     expect(
       await fixture(`<div :key="(value as any)" data-test="test" />`),
-    ).toEqual(`<div :key="value" data-test="test" />`)
-    expect(await fixture(`<input disabled />`)).toEqual(`<input disabled />`)
-    expect(await fixture(`<input :disabled />`)).toEqual(
-      `<input :disabled />`,
+    ).toMatchInlineSnapshot(`"<div :key="(value       )" data-test="test" />"`)
+    expect(await fixture(`<input disabled />`)).toMatchInlineSnapshot(`"<input disabled />"`)
+    expect(await fixture(`<input :disabled />`)).toMatchInlineSnapshot(
+      `"<input :disabled />"`,
     )
-    expect(await fixture(`<input v-bind:disabled />`)).toEqual(
-      `<input v-bind:disabled />`,
+    expect(await fixture(`<input v-bind:disabled />`)).toMatchInlineSnapshot(
+      `"<input v-bind:disabled />"`,
     )
   })
 
   it('interpolation', async () => {
-    expect(await fixture(`<div>{{ data!.test }}</div>`)).toEqual(
-      `<div>{{ data.test }}</div>`,
+    expect(await fixture(`<div>{{ data!.test }}</div>`)).toMatchInlineSnapshot(
+      `"<div>{{ data .test }}</div>"`,
     )
-    expect(await fixture(`<div>hi {{ data!.test }}</div>`)).toEqual(
-      `<div>hi {{ data.test }}</div>`,
+    expect(await fixture(`<div>hi {{ data!.test }}</div>`)).toMatchInlineSnapshot(
+      `"<div>hi {{ data .test }}</div>"`,
     )
     expect(
       await fixture(
         `<div>{{ typeof data!.test === "string" ? data!.test : getKey(data!.test) }}</div>`,
       ),
-    ).toEqual(
-      `<div>{{ typeof data.test === "string" ? data.test : getKey(data.test) }}</div>`,
+    ).toMatchInlineSnapshot(
+      `"<div>{{ typeof data .test === "string" ? data .test : getKey(data .test) }}</div>"`,
     )
   })
 
   it('keep comments', async () => {
     expect(
       await fixture(`<div>{{ data!.test }}</div><!-- comment -->`),
-    ).toEqual(`<div>{{ data.test }}</div><!-- comment -->`)
+    ).toMatchInlineSnapshot(`"<div>{{ data .test }}</div><!-- comment -->"`)
   })
 
   it('keep text', async () => {
-    expect(await fixture(`<div>data!.test</div>`)).toEqual(
-      `<div>data!.test</div>`,
+    expect(await fixture(`<div>data!.test</div>`)).toMatchInlineSnapshot(
+      `"<div>data!.test</div>"`,
     )
   })
 
   it('keep empty', async () => {
-    expect(await fixture(`<div>{{}}</div>`)).toEqual(`<div>{{}}</div>`)
-    expect(await fixture(`<div @click="" />`)).toEqual(`<div @click="" />`)
+    expect(await fixture(`<div>{{}}</div>`)).toMatchInlineSnapshot(`"<div>{{}}</div>"`)
+    expect(await fixture(`<div @click="" />`)).toMatchInlineSnapshot(`"<div @click="" />"`)
   })
 
   it('throw error', async () => {
@@ -159,14 +145,14 @@ describe('transform typescript template', () => {
   })
 
   it('quotes', async () => {
-    expect(await fixture(`<div @click="emit('click')" />`)).toEqual(
-      `<div @click="emit('click')" />`,
+    expect(await fixture(`<div @click="emit('click')" />`)).toMatchInlineSnapshot(
+      `"<div @click="emit('click')" />"`,
     )
-    expect(await fixture(`<div @click='emit("click")' />`)).toEqual(
-      `<div @click='emit("click")' />`,
+    expect(await fixture(`<div @click='emit("click")' />`)).toMatchInlineSnapshot(
+      `"<div @click='emit("click")' />"`,
     )
-    expect(await fixture(`<div @click="emit('click', '\\'')" />`)).toEqual(
-      `<div @click="emit('click', '\\'')" />`,
+    expect(await fixture(`<div @click="emit('click', '\\'')" />`)).toMatchInlineSnapshot(
+      `"<div @click="emit('click', '\\'')" />"`,
     )
   })
 
@@ -181,9 +167,9 @@ describe('transform typescript template', () => {
     ).toMatchInlineSnapshot(`
       "
             <div>
-              <MyComponent #template="{ item, index, level = 0 }" />
-              <MyComponent #template="{ item, index, level = 0 }" />
-              <MyComponent #template="{ item, index = 3, level }" />
+              <MyComponent #template="{ item, index, level = 0          }" />
+              <MyComponent #template="{ item, index, level = 0          }" />
+              <MyComponent #template="{ item, index = 3         , level }" />
             </div>"
     `)
   })
@@ -191,7 +177,7 @@ describe('transform typescript template', () => {
   it('handles deeply nested templates', async () => {
     const nestedTemplate = `<div><span><p>{{ (data as any).value }}</p></span></div>`
     const result = await fixture(nestedTemplate)
-    expect(result).toEqual('<div><span><p>{{ data.value }}</p></span></div>')
+    expect(result).toMatchInlineSnapshot(`"<div><span><p>{{ (data       ).value }}</p></span></div>"`)
   })
 
   it('replaces quotes correctly', () => {
@@ -216,10 +202,10 @@ describe('transform typescript template', () => {
       "
               <template>
                 <div>
-                  <div :class="$test('foobar', \`Foobar \\'test\\'\`)" />
-                  <div>{{ $test("foobar", "Foobar 'test'") }}</div>
-                  <div>{{ $test("foobar", "Foobar test") }}</div>
-                  <div>{{ $test("foobar", \`Foobar ' " ''" test\`) }}</div>
+                  <div :class="$test('foobar', \`Foobar 'test'\`)" />
+                  <div>{{ $test('foobar', "Foobar 'test'") }}</div>
+                  <div>{{ $test('foobar', 'Foobar test') }}</div>
+                  <div>{{ $test('foobar', \`Foobar ' " ''" test\`) }}</div>
                 </div>
               </template>
               "
@@ -234,10 +220,6 @@ describe('transform typescript template', () => {
       src,
       parse(src, { parseMode: 'base' }),
       0,
-      async (code) => {
-        const res = await transform(code, { loader: 'ts', target: 'esnext' })
-        return res.code
-      },
     )
   }
 })

From 45f7be91b00e2b38cff74d9d813dce637bb92678 Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Fri, 30 May 2025 23:03:03 +0800
Subject: [PATCH 02/10] chore: require lts node version (v20)

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 3635d78..ff312ad 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "dist"
   ],
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
   "scripts": {
     "build": "unbuild",

From 38b011efb2e31fd9d1a36be1a9d90a1fc9012412 Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Fri, 30 May 2025 23:07:17 +0800
Subject: [PATCH 03/10] feat: remove custom transformer for `<template>`

---
 src/utils/mkdist.ts   | 12 +-----------
 src/utils/template.ts | 13 ++++++-------
 2 files changed, 7 insertions(+), 18 deletions(-)

diff --git a/src/utils/mkdist.ts b/src/utils/mkdist.ts
index 8a496b5..9f8dd2b 100644
--- a/src/utils/mkdist.ts
+++ b/src/utils/mkdist.ts
@@ -206,7 +206,7 @@ export function defineDefaultBlockLoader(options: DefaultBlockLoaderOptions): Vu
 
 const templateLoader: VueBlockLoader = async (
   rawBlock,
-  { requireTranspileTemplate, loadFile, rawInput },
+  { requireTranspileTemplate },
 ) => {
   if (rawBlock.type !== 'template') {
     return
@@ -223,16 +223,6 @@ const templateLoader: VueBlockLoader = async (
     block.content,
     block.ast!,
     block.loc.start.offset,
-    async (code) => {
-      const res = await loadFile({
-        getContents: () => code,
-        path: `${rawInput.path}.ts`,
-        srcPath: `${rawInput.srcPath}.ts`,
-        extension: '.ts',
-      })
-
-      return res?.find(f => (['.js', '.mjs', '.cjs'] as Array<string | undefined>).includes(f.extension))?.contents || code
-    },
   )
 
   return {
diff --git a/src/utils/template.ts b/src/utils/template.ts
index 2c8b5a8..fc165af 100644
--- a/src/utils/template.ts
+++ b/src/utils/template.ts
@@ -143,7 +143,6 @@ export async function transpileVueTemplate(
   content: string,
   root: RootNode,
   offset = 0,
-  transform: (code: string) => Promise<string> = async code => transpile(code),
 ): Promise<string> {
   const { MagicString } = await import('vue/compiler-sfc')
   const expressions: Expression[] = []
@@ -156,7 +155,7 @@ export async function transpileVueTemplate(
 
   const s = new MagicString(content)
 
-  const transformMap = await transformJsSnippets(expressions, transform)
+  const transformMap = transformJsSnippets(expressions, code => transpile(code))
   for (const item of expressions) {
     item.replacement = transformMap.get(item) ?? item.src
 
@@ -347,7 +346,7 @@ function generateSnippetSplitter() {
   return `\nsplitter(${JSON.stringify(identify)});\n`
 }
 
-async function transformJsSnippets(expressions: Expression[], transform: (code: string) => Promise<string>): Promise<WeakMap<Expression, string>> {
+function transformJsSnippets(expressions: Expression[], transform: (code: string) => string): WeakMap<Expression, string> {
   const transformMap = new Map<string, { id: number, nodes: [Expression, ...Expression[]], handler: SnippetHandler }>()
 
   let id = 0
@@ -379,7 +378,7 @@ async function transformJsSnippets(expressions: Expression[], transform: (code:
       .map(({ nodes, handler }) => handler.prepare(nodes[0], id))
       .join(batchInputSplitter)
 
-    const batchOutput = await transform(batchInput)
+    const batchOutput = transform(batchInput)
     const lines = batchOutput.split(batchInputSplitter).map(l => l.trim()).filter(l => !!l)
 
     if (lines.length !== batch.length) {
@@ -401,9 +400,9 @@ async function transformJsSnippets(expressions: Expression[], transform: (code:
     }
 
     // transform standalone snippets
-    await Promise.all(standalone.map(async ({ id, handler, nodes }) => {
+    standalone.forEach(({ id, handler, nodes }) => {
       const prepared = handler.prepare(nodes[0], id)
-      const line = await transform(prepared)
+      const line = transform(prepared)
 
       const res = handler.parse(line.trim(), id)
       if (!res) {
@@ -413,7 +412,7 @@ async function transformJsSnippets(expressions: Expression[], transform: (code:
       for (const node of nodes) {
         resultMap.set(node, res)
       }
-    }))
+    })
   }
   catch (error) {
     throw new Error('[vue-sfc-transform] Error parsing TypeScript expression in template', { cause: error })

From 1c68926ba267c7b4c90f8e0fda82ae5959af8e17 Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Fri, 30 May 2025 23:44:18 +0800
Subject: [PATCH 04/10] feat: remove quote handling

---
 src/utils/template.ts | 44 -------------------------------------------
 1 file changed, 44 deletions(-)

diff --git a/src/utils/template.ts b/src/utils/template.ts
index fc165af..4c8466f 100644
--- a/src/utils/template.ts
+++ b/src/utils/template.ts
@@ -158,25 +158,6 @@ export async function transpileVueTemplate(
   const transformMap = transformJsSnippets(expressions, code => transpile(code))
   for (const item of expressions) {
     item.replacement = transformMap.get(item) ?? item.src
-
-    if (!shouldReplaceQuote(item)) {
-      continue
-    }
-
-    // the source should only have one of the quotes
-    const sourceQuote = getSourceQuote(
-      content,
-      item.loc.start.offset - offset,
-      item.loc.end.offset - offset,
-    )
-    if (sourceQuote !== null) {
-      const search = sourceQuote === `"` ? `'` : `"`
-      item.replacement = replaceQuote(
-        item.replacement,
-        search,
-        sourceQuote,
-      )
-    }
   }
 
   for (const item of expressions) {
@@ -211,31 +192,6 @@ export function replaceQuote(code: string, target: string, replace: string): str
   return res
 }
 
-function shouldReplaceQuote(expression: Expression): boolean {
-  if (!expression.src.includes(`'`) && !expression.src.includes(`"`)) {
-    return false
-  }
-
-  // skip the expression in the interpolation, it doesn't care about the quote
-  const secondLastTrack = expression.track.at(-2)
-  if (secondLastTrack?.type === NodeTypes.INTERPOLATION) {
-    return false
-  }
-
-  return true
-}
-
-function getSourceQuote(code: string, start: number, end: number): string | null {
-  const source = code.slice(start, end)
-  const quotes = ['"', '\'']
-  for (const quote of quotes) {
-    if (source.includes(quote)) {
-      return quote
-    }
-  }
-  return null
-}
-
 interface SnippetHandler {
   key: (node: Expression) => string | null
   prepare: (node: Expression, id: number) => string

From 6dd805d36c487f90b41148b7959918642f317759 Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Sat, 31 May 2025 00:09:33 +0800
Subject: [PATCH 05/10] feat: remove quote utils

---
 src/utils/template.ts | 19 -------------------
 test/template.test.ts |  8 +-------
 2 files changed, 1 insertion(+), 26 deletions(-)

diff --git a/src/utils/template.ts b/src/utils/template.ts
index 4c8466f..83fc51d 100644
--- a/src/utils/template.ts
+++ b/src/utils/template.ts
@@ -173,25 +173,6 @@ export async function transpileVueTemplate(
   return s.toString()
 }
 
-export function replaceQuote(code: string, target: string, replace: string): string {
-  let res = code
-
-  if (res.includes(target)) {
-    /**
-     * Due to the way Vue parses templates,
-     * the symbol of target would never appear in the code.
-     * We just need to replace the symbol of target.
-     *
-     * But for replace symbol exist in code, we need to escape it,
-     * because esbuild have removed the escape character.
-     */
-    res = res.replaceAll(replace, `\\${replace}`)
-    res = res.replaceAll(target, replace)
-  }
-
-  return res
-}
-
 interface SnippetHandler {
   key: (node: Expression) => string | null
   prepare: (node: Expression, id: number) => string
diff --git a/test/template.test.ts b/test/template.test.ts
index f269f49..0df4fd4 100644
--- a/test/template.test.ts
+++ b/test/template.test.ts
@@ -1,7 +1,7 @@
 import { createRequire } from 'node:module'
 import { resolveModulePath } from 'exsolve'
 import { describe, expect, it } from 'vitest'
-import { replaceQuote, transpileVueTemplate } from '../src/utils/template'
+import { transpileVueTemplate } from '../src/utils/template'
 
 describe('transform typescript template', () => {
   it('v-for', async () => {
@@ -180,12 +180,6 @@ describe('transform typescript template', () => {
     expect(result).toMatchInlineSnapshot(`"<div><span><p>{{ (data       ).value }}</p></span></div>"`)
   })
 
-  it('replaces quotes correctly', () => {
-    const input = `\"test\"`
-    const output = replaceQuote(input, '\"', '\'')
-    expect(output).toBe(`'test'`)
-  })
-
   it('handles quotes in interpolations', async () => {
     expect(
       await fixture(`

From fe1e9fcdd70194c12f4b1fd253cc8af132021b3d Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Sat, 31 May 2025 00:10:10 +0800
Subject: [PATCH 06/10] feat: using `oxidase` in the mkdist plugin

---
 src/utils/mkdist.ts | 10 +++-----
 test/mkdist.test.ts | 58 ++++++++++++++++++++++-----------------------
 2 files changed, 32 insertions(+), 36 deletions(-)

diff --git a/src/utils/mkdist.ts b/src/utils/mkdist.ts
index 9f8dd2b..4b5b5f2 100644
--- a/src/utils/mkdist.ts
+++ b/src/utils/mkdist.ts
@@ -1,7 +1,7 @@
 import type { SFCBlock, SFCTemplateBlock } from 'vue/compiler-sfc'
 import type { InputFile, Loader, LoaderContext, LoaderResult, OutputFile } from '../types/mkdist'
 import process from 'node:process'
-import { transform } from 'esbuild'
+import { transpile } from 'oxidase'
 import { preTranspileScriptSetup, transpileVueTemplate } from '../index'
 
 interface DefineVueLoaderOptions {
@@ -237,16 +237,12 @@ const styleLoader = defineDefaultBlockLoader({
   type: 'style',
 })
 
-const scriptLoader: VueBlockLoader = async (block, { options }) => {
+const scriptLoader: VueBlockLoader = async (block) => {
   if (block.type !== 'script') {
     return
   }
 
-  const { code: result } = await transform(block.content, {
-    ...options.esbuild,
-    loader: 'ts',
-    tsconfigRaw: { compilerOptions: { target: 'ESNext', verbatimModuleSyntax: true } },
-  })
+  const result = transpile(block.content)
 
   return {
     type: block.type,
diff --git a/test/mkdist.test.ts b/test/mkdist.test.ts
index 97cfe62..94028a5 100644
--- a/test/mkdist.test.ts
+++ b/test/mkdist.test.ts
@@ -19,8 +19,8 @@ describe('transform typescript script setup', () => {
     ).toMatchInlineSnapshot(`
       "<script setup>
       defineProps({
-        msg: { type: String, required: true }
-      });
+          msg: { type: String, required: true }
+        })
       </script>
       "
     `)
@@ -31,8 +31,8 @@ describe('transform typescript script setup', () => {
     ).toMatchInlineSnapshot(`
       "<script setup>
       const props = defineProps({
-        msg: { type: String, required: true }
-      });
+          msg: { type: String, required: true }
+        })
       </script>
       "
     `)
@@ -43,8 +43,8 @@ describe('transform typescript script setup', () => {
     ).toMatchInlineSnapshot(`
       "<script setup>
       const { msg } = defineProps({
-        msg: { type: String, required: true }
-      });
+          msg: { type: String, required: true }
+        })
       </script>
       "
     `)
@@ -54,9 +54,9 @@ describe('transform typescript script setup', () => {
       ),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      const { msg = "hello" } = defineProps({
-        msg: { type: String, required: false }
-      });
+      const { msg = 'hello' } = defineProps({
+          msg: { type: String, required: false }
+        })
       </script>
       "
     `)
@@ -70,8 +70,8 @@ describe('transform typescript script setup', () => {
     ).toMatchInlineSnapshot(`
       "<script setup>
       const props = defineProps({
-        msg: { type: String, required: false, default: "hi" }
-      });
+          msg: { type: String, required: false, default: 'hi' }
+        })
       </script>
       "
     `)
@@ -82,8 +82,8 @@ describe('transform typescript script setup', () => {
     ).toMatchInlineSnapshot(`
       "<script setup>
       defineProps({
-        msg: { type: String, required: false, default: "hi" }
-      });
+          msg: { type: String, required: false, default: 'hi' }
+        })
       </script>
       "
     `)
@@ -96,7 +96,7 @@ describe('transform typescript script setup', () => {
       ),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      const emit = defineEmits(["click"]);
+      const emit = defineEmits(["click"])
       </script>
       "
     `)
@@ -106,7 +106,7 @@ describe('transform typescript script setup', () => {
       ),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      defineEmits(["click"]);
+      defineEmits(["click"])
       </script>
       "
     `)
@@ -116,7 +116,7 @@ describe('transform typescript script setup', () => {
       ),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      defineEmits(["click"]);
+      defineEmits(["click"])
       </script>
       "
     `)
@@ -126,7 +126,7 @@ describe('transform typescript script setup', () => {
       ),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      defineEmits(["click"]);
+      defineEmits(["click"])
       </script>
       "
     `)
@@ -136,7 +136,7 @@ describe('transform typescript script setup', () => {
       ),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      defineEmits(["click"]);
+      defineEmits(["click"])
       </script>
       "
     `)
@@ -149,7 +149,7 @@ describe('transform typescript script setup', () => {
       ),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      const model = defineModel({ type: String });
+      const model = defineModel({ type: String })
       </script>
       "
     `)
@@ -157,7 +157,7 @@ describe('transform typescript script setup', () => {
       await fixture(`<script setup lang="ts">defineModel<string>()</script>`),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      defineModel({ type: String });
+      defineModel({ type: String })
       </script>
       "
     `)
@@ -167,7 +167,7 @@ describe('transform typescript script setup', () => {
       ),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      defineModel("msg", { type: String });
+      defineModel("msg", { type: String })
       </script>
       "
     `)
@@ -177,7 +177,7 @@ describe('transform typescript script setup', () => {
       ),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      defineModel({ type: String, ...{ required: true } });
+      defineModel({ type: String, ...{ required: true } })
       </script>
       "
     `)
@@ -187,7 +187,7 @@ describe('transform typescript script setup', () => {
       ),
     ).toMatchInlineSnapshot(`
       "<script setup>
-      defineModel("msg", { type: String, ...{ required: true } });
+      defineModel("msg", { type: String, ...{ required: true } })
       </script>
       "
     `)
@@ -210,8 +210,8 @@ describe('transform typescript script setup', () => {
       </template>
 
       <script setup>
-      import { toValue } from "vue";
-      const msg = 1;
+                import { toValue,          } from 'vue'
+                const msg = 1
       </script>
       "
     `)
@@ -270,7 +270,7 @@ describe('transform typescript script setup', () => {
       </template>
 
       <script>
-      export default { name: "App" };
+              export default { name: 'App' }
       </script>
 
       <style scoped>
@@ -314,7 +314,7 @@ describe('transform typescript script setup', () => {
       </style>
 
       <script>
-      export default { name: "App" };
+              export default { name: 'App' }
       </script>
 
       <template>
@@ -340,7 +340,7 @@ describe('transform typescript script setup', () => {
       </template>
 
       <script>
-      export default { name: "App" };
+              export default { name: 'App' }
       </script>
       "
     `)
@@ -370,7 +370,7 @@ describe('transform typescript script setup', () => {
       </template>
 
       <script>
-      export default { name: "App" };
+              export default { name: 'App' }
       </script>
       "
     `)

From 2487acf6dbdf574fe055ec3a8c886ffd7e1569b1 Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Sat, 31 May 2025 00:13:57 +0800
Subject: [PATCH 07/10] chore(deps): remove `esbuild` from dependencies

---
 README.md      | 10 ++--------
 package.json   |  2 --
 pnpm-lock.yaml |  3 ---
 3 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index 0446884..c4d4a23 100644
--- a/README.md
+++ b/README.md
@@ -13,16 +13,14 @@ Install package:
 
 ```sh
 # npm
-npm install vue-sfc-transformer vue @vue/compiler-core esbuild
+npm install vue-sfc-transformer vue @vue/compiler-core
 
 # pnpm
-pnpm install vue-sfc-transformer vue @vue/compiler-core esbuild
+pnpm install vue-sfc-transformer vue @vue/compiler-core
 ```
 
 ```js
 import { parse as parseSFC } from '@vue/compiler-sfc'
-import { transform } from 'esbuild'
-
 import { preTranspileScriptSetup, transpileVueTemplate } from 'vue-sfc-transformer'
 
 const src = `
@@ -47,10 +45,6 @@ const templateBlockContents = await transpileVueTemplate(
   sfc.descriptor.template.content,
   sfc.descriptor.template.ast,
   sfc.descriptor.template.loc.start.offset,
-  async (code) => {
-    const res = await transform(code, { loader: 'ts', target: 'esnext' })
-    return res.code
-  },
 )
 console.log(templateBlockContents)
 // <div v-if="test" />
diff --git a/package.json b/package.json
index ff312ad..9bf799d 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,6 @@
   },
   "peerDependencies": {
     "@vue/compiler-core": "^3.5.13",
-    "esbuild": "*",
     "vue": "^3.5.13"
   },
   "dependencies": {
@@ -61,7 +60,6 @@
     "@vue/compiler-dom": "3.5.15",
     "bumpp": "10.1.1",
     "changelogithub": "13.14.0",
-    "esbuild": "0.25.4",
     "eslint": "9.27.0",
     "exsolve": "1.0.5",
     "installed-check": "9.3.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8be419b..fb4e46d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -43,9 +43,6 @@ importers:
       changelogithub:
         specifier: 13.14.0
         version: 13.14.0(magicast@0.3.5)
-      esbuild:
-        specifier: 0.25.4
-        version: 0.25.4
       eslint:
         specifier: 9.27.0
         version: 9.27.0(jiti@2.4.2)

From 9fe546f88f599a275abb686817fec0cb9aadebec Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Tue, 3 Jun 2025 00:12:47 +0800
Subject: [PATCH 08/10] feat: replace `oxidase` with `@teages/oxc-blank-space`
 as experimental

---
 package.json          |   2 +
 pnpm-lock.yaml        | 199 +++++++++++++++++++++++++++++++++++++++---
 src/utils/mkdist.ts   |   2 +-
 src/utils/template.ts |   2 +-
 4 files changed, 193 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 9bf799d..2df281f 100644
--- a/package.json
+++ b/package.json
@@ -45,10 +45,12 @@
   },
   "peerDependencies": {
     "@vue/compiler-core": "^3.5.13",
+    "typescript": "5.8.3",
     "vue": "^3.5.13"
   },
   "dependencies": {
     "@babel/parser": "^7.27.0",
+    "@teages/oxc-blank-space": "^0.1.0",
     "oxidase": "^0.0.3"
   },
   "devDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fb4e46d..ff4e3d9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,7 +14,10 @@ importers:
     dependencies:
       '@babel/parser':
         specifier: ^7.27.0
-        version: 7.27.2
+        version: 7.27.4
+      '@teages/oxc-blank-space':
+        specifier: ^0.1.0
+        version: 0.1.0(typescript@5.8.3)
       oxidase:
         specifier: ^0.0.3
         version: 0.0.3
@@ -166,8 +169,8 @@ packages:
     resolution: {integrity: sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.27.2':
-    resolution: {integrity: sha512-QYLs8299NA7WM/bZAdp+CviYYkVoYXlDW2rzliy3chxd1PQjej7JORuMJDJXJUb9g0TT+B99EwaVLKmX+sPXWw==}
+  '@babel/parser@7.27.4':
+    resolution: {integrity: sha512-BRmLHGwpUqLFR2jzx9orBuX/ABDkj2jLKOXrHDTN2aOKL+jFDDKaRNo9nyYsIl9h/UE/7lMKdDjKQQyxKKDZ7g==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -175,6 +178,10 @@ packages:
     resolution: {integrity: sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/types@7.27.3':
+    resolution: {integrity: sha512-Y1GkI4ktrtvmawoSq+4FCVHNryea6uR+qUQy0AGxLSsjCX0nVmkYQMBLHDkXZuo5hGx7eYdnIaslsdBFm7zbUw==}
+    engines: {node: '>=6.9.0'}
+
   '@bcoe/v8-coverage@1.0.2':
     resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
     engines: {node: '>=18'}
@@ -546,6 +553,92 @@ packages:
   '@octokit/types@13.10.0':
     resolution: {integrity: sha512-ifLaO34EbbPj0Xgro4G5lP5asESjwHracYJvVaPIyXMuiuXLlhic3S47cBdTb+jfODkTE5YtGCLt3Ay3+J97sA==}
 
+  '@oxc-parser/binding-darwin-arm64@0.72.2':
+    resolution: {integrity: sha512-+h1ukuH8AqxNq1hEyXG0gBNmPWl99qwtZ6rdZ5odXq3lHsimH2MgMETyccmSjBALVU/VKeoe/1wHL7kJj5MVqA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-parser/binding-darwin-x64@0.72.2':
+    resolution: {integrity: sha512-v2c/L0kCuF75AAJTLBbnZ6kSfzCHR23JKqhnksf/ccB7IvssIZCxWyT28IJTkG1vGXCenRz9+kAmUbGHIUqV4A==}
+    engines: {node: '>=14.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-parser/binding-freebsd-x64@0.72.2':
+    resolution: {integrity: sha512-BeZH+f4HqLgdkC7dj7VPhoL5HpeBXQLwxgnm6McbnBJnvDRNl8bc7El1mFBRYe/w6OPcand5P3kNc9oMAfasfw==}
+    engines: {node: '>=14.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.72.2':
+    resolution: {integrity: sha512-mIu9B856olNcAdG/xdUALW5VhNoCqe3nhdsPmXNZAUQtQ/YyW3X+1zb2v74RhehsNNe7sT0eN2iOMetM+IYF+Q==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.72.2':
+    resolution: {integrity: sha512-RR74LnLVtoQ2+dErNqrczLofs9I6YG9lIt4Co/6pNcd8pCIMEHXaVtY7Gz9NSko84Que/6ESPccvolhqACXnHQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.72.2':
+    resolution: {integrity: sha512-q+86LrcddEkRgA7ces/cmge/FyuoGpa0M2D6Xh6c60orALus39J6j0LRD0pbfh6c8YVmD4XFoOahiOD2kep4+w==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm64-musl@0.72.2':
+    resolution: {integrity: sha512-mjwp4B3Yqj6Fo1KIRDRQyWkkJ7ydijReo0UQ6wdDdvQt9v3Sjw4VMlkYAc+hAEo7EX6muPwy2WtjMOtzedlzvA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.72.2':
+    resolution: {integrity: sha512-xjbjHPIjHzew583ly/2uIR8u4YSX2fWuhJitkvqzKGBd403/wV9fOGKbgbgeFZxcqIqQlZI6WcxTU+fcmMQ5HQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.72.2':
+    resolution: {integrity: sha512-ohZ70sS4koTbQ+LqMDWK2SOMFmhPzv9DNgC82X/PqjuvzAIDPn13Rt+rUmpMwew/Xtbpe/vPHsEdkxNqsq2XMg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-x64-gnu@0.72.2':
+    resolution: {integrity: sha512-9lYwvYstsnRHivGpH2k8qZQPf0E/FhMr1YuZPxLqyUYzGmdiEpcU7wQbgU6dNIepLLdu/VLmYqmYYaBh86GzWQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-x64-musl@0.72.2':
+    resolution: {integrity: sha512-4KYID/lCsXR/8m8lgynZzXQIL5zidi5J9cW1nkje2deAf+YmmG6kKm1Vhvq8DaXOkdfGmtDbYd9luYplxncWBg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxc-parser/binding-wasm32-wasi@0.72.2':
+    resolution: {integrity: sha512-ng+OJ+4MOsdJVt2a7VpcornkYFLu9Faos77UXogJg+HM5NnH1L+8rraGvxzJWf8OhYkwlQCIvLuqkncfPap4RA==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.72.2':
+    resolution: {integrity: sha512-0FSLOzfB7mg1+csZjbo3i5tjLIKGu86vB5ldui5o3QNoxWg+TdRhH0cbxfXZANo3eHTLu5GPtrqaZ0pgB4Pvgw==}
+    engines: {node: '>=14.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-x64-msvc@0.72.2':
+    resolution: {integrity: sha512-mmO/7xfszYE0Q6zAwqOooQrq/0f4ZjtYOoOqvoNCBZ6YqdlwiMSWD3M0ylVfeungyKog2wfJbruabKKt5QbVNw==}
+    engines: {node: '>=14.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxc-project/types@0.72.2':
+    resolution: {integrity: sha512-il5RF8AP85XC0CMjHF4cnVT9nT/v/ocm6qlZQpSiAR9qBbQMGkFKloBZwm7PcnOdiUX97yHgsKM7uDCCWCu3tg==}
+
   '@oxc-resolver/binding-darwin-arm64@9.0.2':
     resolution: {integrity: sha512-MVyRgP2gzJJtAowjG/cHN3VQXwNLWnY+FpOEsyvDepJki1SdAX/8XDijM1yN6ESD1kr9uhBKjGelC6h3qtT+rA==}
     cpu: [arm64]
@@ -798,6 +891,12 @@ packages:
     peerDependencies:
       eslint: '>=9.0.0'
 
+  '@teages/oxc-blank-space@0.1.0':
+    resolution: {integrity: sha512-jxvGT3GZcP1xjy/QtRAX5t9mU5H3NMLdvgnUOeaBDRVag5FeKw2F0PCgIdoj1LdeUV2Sf/Dg7R/x98vUytM6Zg==}
+    engines: {node: ^20.17.0 || >=22.0.0}
+    peerDependencies:
+      typescript: ^5.8.3
+
   '@trysound/sax@0.2.0':
     resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
     engines: {node: '>=10.13.0'}
@@ -2469,6 +2568,10 @@ packages:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
 
+  oxc-parser@0.72.2:
+    resolution: {integrity: sha512-uoiphvClzsbf5NKgV1urQ7GfxIO+3YopmBWK465AiAURp0K/77udIWeZWdLCspxW+2CR5PhUpd1XocjANliKYw==}
+    engines: {node: '>=14.0.0'}
+
   oxc-resolver@9.0.2:
     resolution: {integrity: sha512-w838ygc1p7rF+7+h5vR9A+Y9Fc4imy6C3xPthCMkdFUgFvUWkmABeNB8RBDQ6+afk44Q60/UMMQ+gfDUW99fBA==}
 
@@ -3422,15 +3525,20 @@ snapshots:
 
   '@babel/helper-validator-identifier@7.27.1': {}
 
-  '@babel/parser@7.27.2':
+  '@babel/parser@7.27.4':
     dependencies:
-      '@babel/types': 7.27.1
+      '@babel/types': 7.27.3
 
   '@babel/types@7.27.1':
     dependencies:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
 
+  '@babel/types@7.27.3':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.27.1
+
   '@bcoe/v8-coverage@1.0.2': {}
 
   '@clack/core@0.4.2':
@@ -3770,6 +3878,52 @@ snapshots:
     dependencies:
       '@octokit/openapi-types': 24.2.0
 
+  '@oxc-parser/binding-darwin-arm64@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-darwin-x64@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-freebsd-x64@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-musl@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-gnu@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-musl@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-wasm32-wasi@0.72.2':
+    dependencies:
+      '@napi-rs/wasm-runtime': 0.2.10
+    optional: true
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.72.2':
+    optional: true
+
+  '@oxc-parser/binding-win32-x64-msvc@0.72.2':
+    optional: true
+
+  '@oxc-project/types@0.72.2': {}
+
   '@oxc-resolver/binding-darwin-arm64@9.0.2':
     optional: true
 
@@ -3951,6 +4105,12 @@ snapshots:
       - supports-color
       - typescript
 
+  '@teages/oxc-blank-space@0.1.0(typescript@5.8.3)':
+    dependencies:
+      magic-string: 0.30.17
+      oxc-parser: 0.72.2
+      typescript: 5.8.3
+
   '@trysound/sax@0.2.0': {}
 
   '@tybys/wasm-util@0.9.0':
@@ -4204,7 +4364,7 @@ snapshots:
 
   '@vue/compiler-core@3.5.15':
     dependencies:
-      '@babel/parser': 7.27.2
+      '@babel/parser': 7.27.4
       '@vue/shared': 3.5.15
       entities: 4.5.0
       estree-walker: 2.0.2
@@ -4222,7 +4382,7 @@ snapshots:
 
   '@vue/compiler-sfc@3.5.15':
     dependencies:
-      '@babel/parser': 7.27.2
+      '@babel/parser': 7.27.4
       '@vue/compiler-core': 3.5.15
       '@vue/compiler-dom': 3.5.15
       '@vue/compiler-ssr': 3.5.15
@@ -4234,7 +4394,7 @@ snapshots:
 
   '@vue/compiler-sfc@3.5.16':
     dependencies:
-      '@babel/parser': 7.27.2
+      '@babel/parser': 7.27.4
       '@vue/compiler-core': 3.5.15
       '@vue/compiler-dom': 3.5.16
       '@vue/compiler-ssr': 3.5.16
@@ -5503,7 +5663,7 @@ snapshots:
 
   magicast@0.3.5:
     dependencies:
-      '@babel/parser': 7.27.2
+      '@babel/parser': 7.27.4
       '@babel/types': 7.27.1
       source-map-js: 1.2.1
 
@@ -5990,6 +6150,25 @@ snapshots:
       type-check: 0.4.0
       word-wrap: 1.2.5
 
+  oxc-parser@0.72.2:
+    dependencies:
+      '@oxc-project/types': 0.72.2
+    optionalDependencies:
+      '@oxc-parser/binding-darwin-arm64': 0.72.2
+      '@oxc-parser/binding-darwin-x64': 0.72.2
+      '@oxc-parser/binding-freebsd-x64': 0.72.2
+      '@oxc-parser/binding-linux-arm-gnueabihf': 0.72.2
+      '@oxc-parser/binding-linux-arm-musleabihf': 0.72.2
+      '@oxc-parser/binding-linux-arm64-gnu': 0.72.2
+      '@oxc-parser/binding-linux-arm64-musl': 0.72.2
+      '@oxc-parser/binding-linux-riscv64-gnu': 0.72.2
+      '@oxc-parser/binding-linux-s390x-gnu': 0.72.2
+      '@oxc-parser/binding-linux-x64-gnu': 0.72.2
+      '@oxc-parser/binding-linux-x64-musl': 0.72.2
+      '@oxc-parser/binding-wasm32-wasi': 0.72.2
+      '@oxc-parser/binding-win32-arm64-msvc': 0.72.2
+      '@oxc-parser/binding-win32-x64-msvc': 0.72.2
+
   oxc-resolver@9.0.2:
     optionalDependencies:
       '@oxc-resolver/binding-darwin-arm64': 9.0.2
@@ -6812,7 +6991,7 @@ snapshots:
 
   vue-sfc-transformer@0.1.16(@vue/compiler-core@3.5.15)(esbuild@0.25.4)(vue@3.5.16(typescript@5.8.3)):
     dependencies:
-      '@babel/parser': 7.27.2
+      '@babel/parser': 7.27.4
       '@vue/compiler-core': 3.5.15
       esbuild: 0.25.4
       vue: 3.5.16(typescript@5.8.3)
diff --git a/src/utils/mkdist.ts b/src/utils/mkdist.ts
index 4b5b5f2..ac92c58 100644
--- a/src/utils/mkdist.ts
+++ b/src/utils/mkdist.ts
@@ -1,7 +1,7 @@
 import type { SFCBlock, SFCTemplateBlock } from 'vue/compiler-sfc'
 import type { InputFile, Loader, LoaderContext, LoaderResult, OutputFile } from '../types/mkdist'
 import process from 'node:process'
-import { transpile } from 'oxidase'
+import { transpile } from '@teages/oxc-blank-space'
 import { preTranspileScriptSetup, transpileVueTemplate } from '../index'
 
 interface DefineVueLoaderOptions {
diff --git a/src/utils/template.ts b/src/utils/template.ts
index 83fc51d..f169214 100644
--- a/src/utils/template.ts
+++ b/src/utils/template.ts
@@ -1,6 +1,6 @@
 import type { AttributeNode, DirectiveNode, ExpressionNode, ParentNode, RootNode, SourceLocation, TemplateChildNode, TextNode } from '@vue/compiler-dom'
+import { transpile } from '@teages/oxc-blank-space'
 import { isFnExpressionBrowser as isFnExpression, isMemberExpressionBrowser as isMemberExpression } from '@vue/compiler-core'
-import { transpile } from 'oxidase'
 
 // copy from `@vue/compiler-dom`
 enum NodeTypes {

From fed28faa08ac01a6b28cc5d4ed3f4b7682bbda1c Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Tue, 3 Jun 2025 00:20:09 +0800
Subject: [PATCH 09/10] chore: remove not maintained package `oxidase`

---
 package.json   | 3 +--
 pnpm-lock.yaml | 9 ---------
 2 files changed, 1 insertion(+), 11 deletions(-)

diff --git a/package.json b/package.json
index d312511..aba5c13 100644
--- a/package.json
+++ b/package.json
@@ -50,8 +50,7 @@
   },
   "dependencies": {
     "@babel/parser": "^7.27.0",
-    "@teages/oxc-blank-space": "^0.1.0",
-    "oxidase": "^0.0.3"
+    "@teages/oxc-blank-space": "^0.1.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "4.13.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f90b620..d7a8c1d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,9 +18,6 @@ importers:
       '@teages/oxc-blank-space':
         specifier: ^0.1.0
         version: 0.1.0(typescript@5.8.3)
-      oxidase:
-        specifier: ^0.0.3
-        version: 0.0.3
     devDependencies:
       '@antfu/eslint-config':
         specifier: 4.13.2
@@ -2733,10 +2730,6 @@ packages:
   oxc-resolver@9.0.2:
     resolution: {integrity: sha512-w838ygc1p7rF+7+h5vR9A+Y9Fc4imy6C3xPthCMkdFUgFvUWkmABeNB8RBDQ6+afk44Q60/UMMQ+gfDUW99fBA==}
 
-  oxidase@0.0.3:
-    resolution: {integrity: sha512-b34YuOWiiFRSj06jYmJHVAqR1cqnG+W4fR4D8lvCFVIFm7Ysrf0E6ZLbfe9nJselZT/qjem0YlKRWtw2EBaIZQ==}
-    engines: {node: '>=18.20'}
-
   p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
@@ -6437,8 +6430,6 @@ snapshots:
       '@oxc-resolver/binding-win32-arm64-msvc': 9.0.2
       '@oxc-resolver/binding-win32-x64-msvc': 9.0.2
 
-  oxidase@0.0.3: {}
-
   p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0

From b755af470b2dd25418f571caeffc4a4c6b38a7a4 Mon Sep 17 00:00:00 2001
From: Teages <Teages@teages.xyz>
Date: Tue, 3 Jun 2025 00:49:40 +0800
Subject: [PATCH 10/10] chore(deps): update `@teages/oxc-blank-space` to v0.1.1

---
 package.json   |  2 +-
 pnpm-lock.yaml | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index aba5c13..f37b789 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
   },
   "dependencies": {
     "@babel/parser": "^7.27.0",
-    "@teages/oxc-blank-space": "^0.1.0"
+    "@teages/oxc-blank-space": "^0.1.1"
   },
   "devDependencies": {
     "@antfu/eslint-config": "4.13.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d7a8c1d..3bcd2ae 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,8 +16,8 @@ importers:
         specifier: ^7.27.0
         version: 7.27.4
       '@teages/oxc-blank-space':
-        specifier: ^0.1.0
-        version: 0.1.0(typescript@5.8.3)
+        specifier: ^0.1.1
+        version: 0.1.1(typescript@5.8.3)
     devDependencies:
       '@antfu/eslint-config':
         specifier: 4.13.2
@@ -1034,9 +1034,9 @@ packages:
     peerDependencies:
       eslint: '>=9.0.0'
 
-  '@teages/oxc-blank-space@0.1.0':
-    resolution: {integrity: sha512-jxvGT3GZcP1xjy/QtRAX5t9mU5H3NMLdvgnUOeaBDRVag5FeKw2F0PCgIdoj1LdeUV2Sf/Dg7R/x98vUytM6Zg==}
-    engines: {node: ^20.17.0 || >=22.0.0}
+  '@teages/oxc-blank-space@0.1.1':
+    resolution: {integrity: sha512-eLNpk2AF+94Zbt/gqgXX+/FI6vtwi/UWyLtA1iTMm0KMaRjgJlIgPwIfeCN8tMVTBywB4vYDzcMjJX0r5/A/yg==}
+    engines: {node: '>=18.0.0'}
     peerDependencies:
       typescript: ^5.8.3
 
@@ -4326,7 +4326,7 @@ snapshots:
       - supports-color
       - typescript
 
-  '@teages/oxc-blank-space@0.1.0(typescript@5.8.3)':
+  '@teages/oxc-blank-space@0.1.1(typescript@5.8.3)':
     dependencies:
       magic-string: 0.30.17
       oxc-parser: 0.72.2