chore: update example

Author: ErKeLost

examples/vite/src/App.vue

@@ -5,9 +5,17 @@ const msg = ref("");
 
 <template>
   <div>
+    123
     <h1>Hello world</h1>
+    3123132ww
     <h2>{{ msg }}</h2>
     12313211231222146521312wwwwww321
     <input v-model="msg" type="text" />
   </div>
 </template>
+
+<style>
+body {
+  background-color: #fba;
+}
+</style>

src/core/index.ts

@@ -372,42 +372,42 @@ export const plugin = createUnplugin<Options | undefined, false>(
             return fs.readFileSync(filename, "utf-8");
           }
 
-          // const descriptor = getDescriptor(filename, options.value)!;
-          // let block: SFCBlock | null | undefined;
-          // if (query.type === "script") {
-          //   // handle <script> + <script setup> merge via compileScript()
-          //   block = resolveScript(
-          //     meta.framework,
-          //     descriptor,
-          //     options.value,
-          //     ssr,
-          //     customElementFilter.value(filename),
-          //   );
-          // } else if (query.type === "template") {
-          //   block = descriptor.template!;
-          // } else if (query.type === "style") {
-          //   block = descriptor.styles[query.index!];
-          // } else if (query.index != null) {
-          //   block = descriptor.customBlocks[query.index];
-          // }
-
-          // if (block) {
-
-          const res = fervidCompiler.compileSync(
-            fs.readFileSync(filename, "utf-8"),
-            {
-              id,
-              filename: id,
-            },
-          );
+          const descriptor = getDescriptor(filename, options.value)!;
+          let block: SFCBlock | null | undefined;
+          if (query.type === "script") {
+            // handle <script> + <script setup> merge via compileScript()
+            block = resolveScript(
+              meta.framework,
+              descriptor,
+              options.value,
+              ssr,
+              customElementFilter.value(filename),
+            );
+          } else if (query.type === "template") {
+            block = descriptor.template!;
+          } else if (query.type === "style") {
+            block = descriptor.styles[query.index!];
+          } else if (query.index != null) {
+            block = descriptor.customBlocks[query.index];
+          }
 
-          return {
-            code: res.code,
-            // code: block.content,
-            // map:
-            map: "",
-          };
-          // }
+          if (block) {
+            // const res = fervidCompiler.compileSync(
+            //   fs.readFileSync(filename, "utf-8"),
+            //   {
+            //     id,
+            //     filename: id,
+            //   },
+            // );
+            console.log(block.content);
+
+            return {
+              // code: res.code,
+              code: block.content,
+              // map:
+              map: "",
+            };
+          }
         }
       },
 
@@ -437,6 +437,7 @@ export const plugin = createUnplugin<Options | undefined, false>(
             fervidCompiler,
           );
         } else {
+          console.log(query);
           // sub block request
           const descriptor = query.src
             ? getSrcDescriptor(filename, query) ||

src/core/main.ts

@@ -254,7 +254,7 @@ export async function transformMain(
 
   // handle TS transpilation
   let resolvedCode = output.join("\n");
-  console.log(resolvedCode);
+  // console.log(resolvedCode);
 
   const lang = descriptor.scriptSetup?.lang || descriptor.script?.lang;