fix: emit error messages on webpack & esbuild

closes #149

package.json

@@ -85,7 +85,7 @@
   },
   "dependencies": {
     "debug": "^4.3.4",
-    "unplugin": "~1.7.0",
+    "unplugin": "~1.7.1",
     "vite": "^5.0.12"
   },
   "devDependencies": {

src/core/main.ts

@@ -26,7 +26,7 @@ import {
 } from './script'
 import { transformTemplateInMain } from './template'
 import { isEqualBlock, isOnlyTemplateChanged } from './handleHotUpdate'
-import { createRollupError } from './utils/error'
+import { createError } from './utils/error'
 import { EXPORT_HELPER_ID } from './helper'
 import type { SFCBlock, SFCDescriptor } from 'vue/compiler-sfc'
 import type { PluginContext } from 'rollup'
@@ -64,9 +64,7 @@ export async function transformMain(
   }
 
   if (errors.length > 0) {
-    errors.forEach((error) =>
-      pluginContext.error(createRollupError(filename, error)),
-    )
+    errors.forEach((error) => pluginContext.error(createError(filename, error)))
     return null
   }
 

src/core/template.ts

@@ -1,7 +1,7 @@
 import path from 'node:path'
 import slash from 'slash'
 import { getResolvedScript, resolveScript } from './script'
-import { createRollupError } from './utils/error'
+import { createError } from './utils/error'
 import type {
   CompilerOptions,
   SFCDescriptor,
@@ -100,11 +100,7 @@ export function compile(
 
   if (result.errors.length > 0) {
     result.errors.forEach((error) =>
-      pluginContext.error(
-        typeof error === 'string'
-          ? { id: filename, message: error }
-          : createRollupError(filename, error),
-      ),
+      pluginContext.error(createError(filename, error)),
     )
   }
 

src/core/utils/error.ts

@@ -1,26 +1,28 @@
+import type { UnpluginMessage } from 'unplugin'
 import type { CompilerError } from 'vue/compiler-sfc'
-import type { RollupError } from 'rollup'
 
-export function createRollupError(
+export function createError(
   id: string,
-  error: CompilerError | SyntaxError,
-): RollupError {
+  error: CompilerError | SyntaxError | string,
+): UnpluginMessage | string {
+  if (typeof error === 'string') {
+    return error
+  }
+
   const { message, name, stack } = error
-  const rollupError: RollupError = {
+  const unpluginMessage: UnpluginMessage = {
     id,
     plugin: 'vue',
     message,
     name,
     stack,
   }
-
   if ('code' in error && error.loc) {
-    rollupError.loc = {
+    unpluginMessage.loc = {
       file: id,
       line: error.loc.start.line,
       column: error.loc.start.column,
     }
   }
-
-  return rollupError
+  return unpluginMessage
 }