chore: move vue version to detector

Author: atinux

detectors/vue.json

@@ -1,6 +1,6 @@
-{  
+{
   "html": "<[^>]+\\sdata-v(?:ue)?-",
-  "js": "window.Vue || window.$nuxt || [...document.querySelectorAll('*')].map((el) => Boolean(el.__vue__)).filter(Boolean).length",
+  "js": "(window.Vue && window.Vue.version) || window.$nuxt || [...document.querySelectorAll('*')].map((el) => Boolean(el.__vue__)).filter(Boolean).length",
   "script": [
     "vue[.-]([\\d.]*\\d)[^/]*\\.js\\;version:\\1",
     "(?:/([\\d.]+))?/vue(?:\\.min)?\\.js\\;version:\\1"

detectors/vue.meta.json

@@ -1,4 +1,7 @@
 {
+  "version": {
+    "eval": "(window.$nuxt && window.$nuxt.$root && window.$nuxt.$root.constructor.version) || (window.Vue && window.Vue.version) || [...document.querySelectorAll('*')].map((el) => el.__vue__ && el.__vue__.$root && el.__vue__.$root.constructor.version).filter(Boolean)[0]"
+  },
   "ssr": {
     "originalHtml": "<div [^>]*data-server-rendered=\"true\"",
     "html": [

src/detectors.js

@@ -13,22 +13,22 @@ const detectors = {
 }
 
 exports.hasVue = function (context) {
-  return isMatching(detectors.vue, context)
+  return match(detectors.vue, context)
 }
 
 exports.getVueMeta = async function(context) {
   const meta = {}
   await Promise.all(
     Object.keys(detectors.meta).map(async (key) => {
-      meta[key] = await isMatching(detectors.meta[key], context)
+      meta[key] = await match(detectors.meta[key], context)
     })
   )
   return meta
 }
 
 exports.getFramework = async function (context) {
   for (const framework of Object.keys(detectors.frameworks)) {
-    if (await isMatching(detectors.frameworks[framework].detectors, context)) {
+    if (await match(detectors.frameworks[framework].detectors, context)) {
       return detectors.frameworks[framework].metas
     }
   }
@@ -37,7 +37,7 @@ exports.getFramework = async function (context) {
 
 exports.getUI = async function (context) {
   for (const ui of Object.keys(detectors.uis)) {
-    if (await isMatching(detectors.uis[ui].detectors, context)) {
+    if (await match(detectors.uis[ui].detectors, context)) {
       return detectors.uis[ui].metas
     }
   }
@@ -49,7 +49,7 @@ exports.getPlugins = async function (context) {
 
   await Promise.all(
     Object.keys(detectors.plugins).map(async (plugin) => {
-      if (await isMatching(detectors.plugins[plugin].detectors, context)) {
+      if (await match(detectors.plugins[plugin].detectors, context)) {
         plugins.add(detectors.plugins[plugin].metas)
       }
     })
@@ -63,7 +63,7 @@ exports.getNuxtMeta = async function (context) {
 
   await Promise.all(
     Object.keys(detectors.nuxt.meta).map(async (key) => {
-      meta[key] = await isMatching(detectors.nuxt.meta[key], context)
+      meta[key] = await match(detectors.nuxt.meta[key], context)
     })
   )
 
@@ -75,7 +75,7 @@ exports.getNuxtModules = async function (context) {
 
   await Promise.all(
     Object.keys(detectors.nuxt.modules).map(async (name) => {
-      if (await isMatching(detectors.nuxt.modules[name].detectors, context)) {
+      if (await match(detectors.nuxt.modules[name].detectors, context)) {
         modules.add(detectors.nuxt.modules[name].metas)
       }
     })
@@ -84,7 +84,15 @@ exports.getNuxtModules = async function (context) {
   return Array.from(modules)
 }
 
-async function isMatching (detector, { originalHtml, html, scripts, page }) {
+async function match (detector, { originalHtml, html, scripts, page }) {
+  // JS eval (for string value)
+  if (detector.eval) {
+    for (const js of asArray(detector.eval)) {
+      const value = await page.evaluate(js)
+      if (value) return value
+    }
+    return null
+  }
   // If we can detect technology from response html
   if (detector.originalHtml) {
     for (const pattern of parsePatterns(detector.originalHtml)) {

src/index.js

@@ -135,14 +135,9 @@ module.exports = async function (originalUrl) {
     infos.meta.language = matches[1].split('-')[0]
   }
 
-  // Get Vue version
-  const version = await page.evaluate('(window.$nuxt && window.$nuxt.$root && window.$nuxt.$root.constructor.version) || (window.Vue && window.Vue.version) || [...document.querySelectorAll("*")].map((el) => el.__vue__ && el.__vue__.$root && el.__vue__.$root.constructor.version).filter(Boolean)[0]')
-  if (version) {
-    infos.vueVersion = version
-  }
-
   // Get Vue metas
-  const { ssr } = await getVueMeta(context)
+  const { ssr, version } = await getVueMeta(context)
+  infos.vueVersion = version
   infos.hasSSR = ssr
 
   // Get Vue ecosystem infos