fix: Unexpected token when using dynamic imports (#320)

Extended acorn parser to support dynamic imports

fixes #134 & #301

package.json

@@ -44,6 +44,7 @@
   "dependencies": {
     "@kazupon/vue-i18n-loader": "^0.3.0",
     "acorn": "^6.1.1",
+    "acorn-dynamic-import": "^4.0.0",
     "acorn-walk": "^6.1.1",
     "cookie": "^0.4.0",
     "js-cookie": "^2.2.0",

src/helpers/components.js

@@ -2,7 +2,9 @@ const { readFileSync } = require('fs')
 const { COMPONENT_OPTIONS_KEY } = require('./constants')
 
 const acorn = require('acorn')
-const walker = require('acorn-walk')
+const dynamicImport = require('acorn-dynamic-import')
+const inject = require('acorn-dynamic-import/lib/walk')
+const walker = inject.default(require('acorn-walk'))
 // Must not be an explicit dependency to avoid version mismatch issue.
 // See https://github.com/nuxt-community/nuxt-i18n/issues/297
 const compiler = require('vue-template-compiler')
@@ -15,7 +17,7 @@ exports.extractComponentOptions = (path) => {
   }
 
   const script = Component.script.content
-  const parsed = acorn.parse(script, {
+  const parsed = acorn.Parser.extend(dynamicImport.default).parse(script, {
     ecmaVersion: 10,
     sourceType: 'module'
   })
@@ -26,7 +28,7 @@ exports.extractComponentOptions = (path) => {
         componentOptions = eval(`({${data}})`)[COMPONENT_OPTIONS_KEY] // eslint-disable-line
       }
     }
-  })
+  }, walker.base)
 
   return componentOptions
 }