mealie/frontend/components/global/ToggleState.vue
Hayden c0dd07f9e7
Feature/infinite scroll (#719)
* feat(frontend):  lazy-load all recipes page

* feat(frontend):  enable runtime theme through env-variables

* docs(docs): 📝 update v1 changelog

* bump version

Co-authored-by: Hayden <hay-kot@pm.me>
2021-10-03 14:07:18 -08:00

28 lines
No EOL
530 B
Vue

<template>
<component :is="tag">
<slot name="activator" v-bind="{ toggle, state }"> </slot>
<slot v-bind="{ state, toggle }"></slot>
</component>
</template>
<script lang="ts">
import { defineComponent } from "@nuxtjs/composition-api";
import { useToggle } from "@vueuse/shared";
export default defineComponent({
props: {
tag: {
type: String,
default: "div",
},
},
setup() {
const [state, toggle] = useToggle();
return {
state,
toggle,
};
},
});
</script>