@synergy-design-system/vue
Version:
Vue3 wrappers for the Synergy Design System
25 lines (24 loc) • 737 B
JavaScript
import { defineComponent, ref, createElementBlock, openBlock, renderSlot } from "vue";
import "@synergy-design-system/components/components/menu/menu.js";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "SynVueMenu",
emits: ["syn-select"],
setup(__props, { expose: __expose }) {
const nativeElement = ref();
__expose({
nativeElement
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("syn-menu", {
onSynSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-select", $event)),
ref_key: "nativeElement",
ref: nativeElement
}, [
renderSlot(_ctx.$slots, "default")
], 544);
};
}
});
export {
_sfc_main as default
};