gem-hunter

Import HTML-snippets and SVGs as Vue components.

• 🔥 Works with Vue 2 & 3 Comiles the HTML to a Vue.js SFC for the Vue plugin to handle compilation
• 💫 Versatile Supports any XML-parseable markup

Great for compiling SVG files as Vue.js components.

npm i -D rollup-plugin-vue rollup-plugin-htmlvue

rollup.config.js

import vue from 'rollup-plugin-vue'
import htmlvue from 'rollup-plugin-htmlvue'

export default {
    // ...

    plugins: [
        vue(),
        htmlvue()
    ]
}

By default, it only automatically resolves .html files. To apply it to other extensions:

htmlvue({
    include: '**/*.svg'
})

Type: boolean

Default: false

Adds v-pre to the root element.

Type: boolean

Default: false

Adds v-once to the root element.

Type: boolean

Adds functional to the template to make it a functional component. Only supported in Vue 2.

Type: boolean

Adds v-on="$listeners" to the root element to inherit event listeners. Only supported in Vue 2.

Patterns to identify which files to apply the plugin to. Passed into @rollup/pluginutils.