html2vue-renderer

Component is an alternative for v-html directive allows to include components to html markup. It can be useful for rendering fetched html content and to add it some interactivity.

#### It has some restrictions:

- you have to always close component's tag
- attributes and props names have to be in kebab-case
- events on component are not working yet

Requirements:

- Vue.js 3.x

Install:

``bash
npm install html2vue-renderer

OR

yarn add html2vue-renderer
`

Simple usage:

`javascript



`

Usage with vue components and props for them:

In :some-prop will take any data from docProps['someValue'] and some-other-prop will take string 'some-other-value'

`javascript



`

Props

#### value

Type: HTMLstring

Required: true


HTML string can contain vue components defined in componentsMap prop

#### componentsMap

Type: Record

Required: false

Default: {}


Object represents components can be included into HTML markup. Key in this object have to be same with name of component's tag included into markup.

#### docProps

Type: Record

Required: false

Default: {}


Object represents data to be passed to components in the markup. Keys in this object have to be same with the idetifier in the markup.

example:

`javascript



``

Events

#### mounted

event payload: HTMLElement with rendered content

`javascript



`

#### updated

event payload: HTMLElement with re-rendered content

`javascript



``