Building web widgets with custom elements on Vue.js

Here is what I’d talk about:

• A bit about my use-cases
• Why building web widgets as custom elements
• Turning a Vue.js component into a custom element (basics)
• Using Vue router, Vuex and 3rd-party components, challenges
• Listening and emitting custom events
• Dealing CSS: encapsulation, isolation, making it customisable
• Reacting on attribute changes of the custom element, MutationObserver
• Packaging and publishing

Being amateur frontend developer I'd be happy to get feedback to the approach and learn what I'm doing wrong :)