mirror of
				https://github.com/mealie-recipes/mealie.git
				synced 2025-11-04 03:28:28 -05:00 
			
		
		
		
	* 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>
		
			
				
	
	
		
			28 lines
		
	
	
		
			530 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			28 lines
		
	
	
		
			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>
 | 
						|
     |