vue-material-adapter/src/card/card.js

Vue 3 wrapper arround Material Components for the Web

import { h } from 'vue';

export default {
  name: 'mcw-card',
  props: {
    outlined: Boolean,
  },
  setup(props, { attrs, slots }) {
    return () => {
      const { outlined } = props;

      return h(
        'div',
        {
          class: [
            {
              'mdc-card': 1,
              'mdc-card--outlined': outlined,
            },
          ],
          ...attrs,
        },
        slots.default?.(),
      );
    };
  },
};