refactor: improve and follow best practice

examples/vite-browser/vite.config.ts

@@ -1,11 +1,13 @@
 import Velin from '@velin-dev/unplugin-velin/vite'
-import vue from '@vitejs/plugin-vue'
+import Vue from '@vitejs/plugin-vue'
 import { defineConfig } from 'vite'
+import Inspect from 'vite-plugin-inspect'
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
-    vue(),
+    Inspect(),
+    Vue(),
     Velin({
       extension: 'velin.md',
     }),

packages/unplugin-velin/src/index.ts

@@ -11,24 +11,26 @@ export const unpluginFactory: UnpluginFactory<Options | undefined> = () => {
     transform: {
       filter: {
         id: {
-          include: [/\.velin\.md$/, '**/*.velin.md'],
+          include: [
+            /\\.velin\.md$/,
+            '**/*.velin.md',
+            /\\.velin\.vue$/,
+            '**/*.velin.vue',
+            /\\.velin\.ts$/,
+            '**/*.velin.ts',
+          ],
         },
       },
       handler: async (code, id) => {
-        try {
-          const pathname = path.dirname(id)
-          const parsed = await processMarkdown(code, {}, pathname)
+        const pathname = path.dirname(id)
+        const parsed = await processMarkdown(code, {}, pathname) // Parse content
 
-          return {
-            code: `export default function (args) {
-              return \`${parsed}\`
-            }`,
-            map: null,
-          }
-        }
-        catch (error) {
-          console.error(`Failed to parse ${id}: ${(error as Error).message}`)
-          return null
+        // Return transformed module as ES module
+        return {
+          code: `export default function (args) {
+  return \`${parsed}\`
+}`,
+          map: null, // Add source map support if needed
         }
       },
     },