chore: transform compileSync to compileAsync

Author: ErKeLost

examples/vite/src/App.vue

@@ -5,7 +5,7 @@ import HelloWorld from './components/HelloWorld.vue'
 <template>
   <div>
     <el-button>Default</el-button>
-    <el-button type="primary">Primary</el-button>
+    <el-button type="primary">2222343434343242334234</el-button>
     <el-button type="success">Success</el-button>
     <el-button type="info">Info</el-button>
     <el-button type="warning">Warning</el-button>

src/core/index.ts

@@ -363,12 +363,12 @@ export const plugin = createUnplugin<Options | undefined, false>(
         return query.vue || isVueFile(id)
       },
 
-      load(id) {
+      async load(id) {
         const { query } = parseVueRequest(id)
         if (query.vue) {
           const cleanedId = cleanId(id)
           const code = fs.readFileSync(cleanedId, 'utf-8')
-          const compileResult = compiler.compileSync(code, {
+          const compileResult = await compiler.compileAsync(code, {
             id: cleanedId,
             filename: cleanedId,
           })