element-vir/dist/readme-examples/my-with-cleanup-callback.element.js

Heroic. Reactive. Declarative. Type safe. Web components without compromise.

import { defineElement } from 'element-vir';
import { html } from '../index.js';
export const MyWithAssignmentCleanupCallback = defineElement()({
    tagName: 'my-with-cleanup-callback',
    state() {
        return {
            intervalId: window.setInterval(() => console.info('hi'), 1000),
        };
    },
    render() {
        return html `
            <h1>My App</h1>
        `;
    },
    cleanup({ state }) {
        window.clearInterval(state.intervalId);
    },
});