Loader for custom blocks

Hi!

When I try to add the <route-meta> to a page i get the following error:

Module parse failed: Unexpected token (3:22)
You may need an appropriate loader to handle this file type.
|
| {
>   "requerAutenticacao": true
| }
|

It looks like we have to implement a loader for this custom tag.

So, I’d like to make a suggestion: why not add the “how-to” on the docs under metadata? Maybe offer a default implementation inside the library as an option.

[tomieric]

In my project, create new file meta-loader.js

module.exports = function (source, map) {
  this.callback(
    null,
    `export default function (Component) {
      Component.options._meta = ${
        JSON.stringify(source)
      }
    }`,
    map
  )
}

In your webpack.config.js, add like this:

...
module: {
      rules: [
        {
          resourceQuery: /blockType=route-meta/,
          loader: require.resolve('./meta-loader.js')
        }
     ]
}
...

In my project to cmmand yarn dev, Oh yeah! It’s look like Ok

https://vue-loader.vuejs.org/guide/custom-blocks.html#example

I’m created a webpack plugin to use vue-route-generator, bucase want to support mutil-pages, The project vue-cli-plugin-auto-routing didn’t.

[ThaDaVos]

NVM, it’s an issue with the vuetify-loader - it’s trying to load the block while it shouldn’t…