Files
toos-halloween/toos-dashboard/src/components/Main.vue

24 lines
683 B
Vue

<template>
<h1 class="text-white text-2xl w-full font-bold text-center my-24">Frankenstein Dashboard</h1>
<div class="flex w-full justify-center gap-10">
<div class="bg-neutral-800 rounded-2xl p-5 h-min">
<h2 class="text-white font-bold text-lg text-center mb-5">Animation</h2>
<div class="flex flex-col items-center">
<div class="space-x-3">
<button @click="test" class="px-5 py-2 bg-sky-400 rounded my-5">
Start Animation
</button>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { invoke } from "@tauri-apps/api/tauri"
const test = async () => {
await invoke('start');
}
</script>