ElemTypeToggle.vue
No OneTemporary
Actions

Subscribers

None

File Metadata

	<script setup>
	import { ref, watch } from 'vue';
	import { useRouter } from 'vue-router';

	defineProps({
	types: Array
	});
	const emit = defineEmits(['onTypeChange']);
	const router = useRouter();

	const type = ref(router.currentRoute.value.params.type);
	emit('onTypeChange', type.value);

	watch(type, (n, o) => emit('onTypeChange', n));
	</script>

	<template>
	<v-container>
	<v-row class="ma-4" justify="center">
	<v-btn-toggle
	v-model="type"
	color="primary"
	mandatory
	variant="outlined"
	divided
	>
	<v-btn
	v-for="({ value, name }, i) in types"
	:key="i"
	:value="value"
	>{{ name }}</v-btn>
	</v-btn-toggle>
	</v-row>
	</v-container>
	</template>