Modal

import { reactive, watch } from 'vue';

export default {
  setup: () => {
    const state = reactive({
      show: false,
    });

    const close = () => (state.show = false);

    return () => (
      <div class="text-center">
        <dv-button onClick={() => (state.show = true)}>open modal</dv-button>

        <dv-modal-base open={state.show} onClose={close}>
          <dv-modal-title onClose={close}>
            Congratulations random Interner user!
          </dv-modal-title>
          <dv-modal-body>
            You've been selected for a chance to get one year of subscription to
            use Wikipedia for free!
          </dv-modal-body>
          <dv-modal-action>
            <dv-button onClick={close}>Yay!</dv-button>
          </dv-modal-action>
        </dv-modal-base>
      </div>
    );
  },
};
tsx