vue-material-adapter/src/dialog/dialog-button.js

Vue 3 wrapper arround Material Components for the Web

import { h, resolveComponent } from 'vue';

export default {
  name: 'mcw-dialog-button',
  props: {
    action: String,
    isDefault: Boolean,
    isInitialFocus: Boolean,
  },

  setup(props, { attrs, slots }) {
    return () => {
      return h(
        resolveComponent('mcw-button'),
        {
          ...attrs,
          class: ['mdc-button', 'mdc-dialog__button'],
          'data-mdc-dialog-action': props.action,
          'data-mdc-dialog-button-default': props.isDefault,
          'data-mdc-dialog-initial-focus': props.isInitialFocus,
        },
        { default: () => slots.default?.() },
      );
    };
  },
};