优化模板解析

lib/compile-vue.js

@@ -298,6 +298,7 @@ export function compileVue(file, imports, options = {}) {
 
   js = js ? js[1] : ''
 
+  try {
     html = compile(html[1], {
       mode: 'module',
       prefixIdentifiers: true,
@@ -307,6 +308,31 @@ export function compileVue(file, imports, options = {}) {
       sourceMap: false,
       isCustomElement: tag => tag.startsWith('wc-')
     }).code.replace('export function render', 'function render')
+  } catch (err) {
+    let tmp = html[1].split('\n')
+    let line = tmp[err.loc.start.line - 1]
+
+    console.log('%s: %s', red('SyntaxError'), red(err.message))
+    console.log(
+      '  @ %s%s%s',
+      line.slice(0, err.loc.start.column - 1),
+      red(err.loc.source),
+      line.slice(err.loc.end.column - 1)
+    )
+    console.log(
+      '  @ (%s:%d:%d)\n',
+      file,
+      err.loc.start.line,
+      err.loc.start.column
+    )
+    html = `
+import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+
+function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("div", null, "SyntaxError: ${err.message}"))
+}
+    `
+  }
 
   html = html
     .replace(/import .* from "vue"/, str => {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "fite",
   "type": "module",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "bin": {
     "fite": "index.js"
   },