vue3-webcomponent-wrapper-demo

A demo project for the NPM package vue3-webcomponent-wrapper - A wrapper that helps to convert a Vue 3 component into a Web Component.

I have created a counter component for demo. Web component tag name is demo-counter. This line shows how to pass a value as prop, and how to listen to change events from the component.

<demo-counter value=3 onChange="console.log('Value is :', event.detail);"></demo-counter>

Following is a screenshot of the demo.

Project setup

npm install

Compile and load

npm run serve