fix: add support Vue 3 fixed #1339 (#1372)

anthony-redFox · web-flow · commit cd7d12366cc4 · 2021-04-21T09:15:01.000-07:00
Vue dependencies was moved to optionalDependencies
So, that mean if you need Vue support you also have to add in own package.json
new dependency for Vue 2 is vue-template-compiler, Vue 3 is @vue/compiler-sfc
diff --git a/package.json b/package.json
@@ -52,9 +52,12 @@
     "vfile-sort": "^2.1.0",
     "vinyl": "^2.1.0",
     "vinyl-fs": "^3.0.2",
-    "vue-template-compiler": "^2.5.16",
     "yargs": "^15.3.1"
   },
+  "optionalDependencies": {
+    "vue-template-compiler": "^2.6.12",
+    "@vue/compiler-sfc": "^3.0.11"
+  },
   "devDependencies": {
     "chdir": "0.0.0",
     "cz-conventional-changelog": "2.1.0",
diff --git a/src/parsers/vue.js b/src/parsers/vue.js
@@ -1,5 +1,4 @@
 const parseJavaScript = require('./javascript');
-const vuecompiler = require('vue-template-compiler');
 
 /**
  * Receives a module-dep item,
@@ -10,9 +9,24 @@ const vuecompiler = require('vue-template-compiler');
  * @returns {Array<Object>} an array of parsed comments
  */
 function parseVueScript(data, config) {
-  const component = vuecompiler.parseComponent(data.source);
+  let component = {};
+  try {
+    const vuecompiler = require('@vue/compiler-sfc');
+    component = vuecompiler.parse(data.source).descriptor;
+  } catch (e) {
+    try {
+      const vuecompiler = require('vue-template-compiler');
+      component = vuecompiler.parseComponent(data.source);
+    } catch (e) {
+      console.error(
+        'You need to load package vue-template-compiler for Vue 2 or @vue/compiler-sfc for Vue 3'
+      );
+    }
+  }
+
   if (!component.script) return [];
   data.source = component.script.content;
+
   return parseJavaScript(data, config);
 }
 
diff --git a/yarn.lock b/yarn.lock
