@synergy-design-system/vue
Version:
Vue3 wrappers for the Synergy Design System
55 lines (54 loc) • 1.54 kB
JavaScript
import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
import "@synergy-design-system/components/components/button/button.js";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "SynVueButton",
props: {
title: {},
variant: {},
size: {},
caret: {},
disabled: {},
loading: {},
type: {},
name: {},
value: {},
href: {},
target: {},
rel: {},
download: {},
form: {},
formAction: {},
formEnctype: {},
formMethod: {},
formNoValidate: {},
formTarget: {}
},
emits: ["syn-blur", "syn-focus", "syn-invalid"],
setup(__props, { expose: __expose }) {
const nativeElement = ref();
__expose({
nativeElement
});
const props = __props;
const visibleProps = computed(
() => Object.fromEntries(
Object.entries(props).filter(([, value]) => typeof value !== "undefined")
)
);
return (_ctx, _cache) => {
return openBlock(), createElementBlock("syn-button", mergeProps({
onSynBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-blur", $event)),
onSynFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-focus", $event)),
onSynInvalid: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("syn-invalid", $event))
}, visibleProps.value, {
ref_key: "nativeElement",
ref: nativeElement
}), [
renderSlot(_ctx.$slots, "default")
], 16);
};
}
});
export {
_sfc_main as default
};