merkur_core_widget_quickstart_with_async_lifecycle_methods.ts

1import { createWidget, MerkurWidget } from '@merkur/core';
2
3export default createWidget({
4  name: 'my-widget',
5  version: '1.0.0',
6  async setup(widget: MerkurWidget) {
7    return {
8      ...widget,
9      mount: async (element: HTMLElement) => {
10        element.innerHTML = 'Hello from Merkur!';
11      },
12      update: async (element: HTMLElement) => {
13        element.innerHTML = 'Updated Merkur widget';
14      },
15      unmount: async (element: HTMLElement) => {
16        element.innerHTML = '';
17      }
18    };
19  },
20});