datadunia
6d8899a078
- Add Vue 3 frontend with glassmorphism design (Tailwind CSS) - Add Go backend handlers: auth, webhooks, stats, scheduler, validation - Add i18n support (EN, ID, ZH) - Add Swagger docs and API handlers - Add nftables integration and plugins support - Remove deprecated go.mod (migrated to wgrplane)
23 lines
531 B
Vue
23 lines
531 B
Vue
<template>
|
|
<button
|
|
class="relative w-12 h-6 rounded-full transition-colors"
|
|
:class="modelValue ? 'bg-blue-500' : 'dark:bg-gray-600 bg-gray-300'"
|
|
@click="$emit('update:modelValue', !modelValue)"
|
|
>
|
|
<span
|
|
class="absolute top-1 left-1 w-4 h-4 bg-white rounded-full transition-transform"
|
|
:class="modelValue ? 'translate-x-6' : ''"
|
|
></span>
|
|
</button>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
modelValue: boolean
|
|
}>()
|
|
|
|
defineEmits<{
|
|
(e: 'update:modelValue', value: boolean): void
|
|
}>()
|
|
</script>
|