39 lines
1.1 KiB
Vue
39 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
import { invoke } from '@tauri-apps/api/core'
|
|
|
|
const greetMsg = ref('')
|
|
const name = ref('')
|
|
|
|
async function greet() {
|
|
greetMsg.value = await invoke('greet', { name: name.value })
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<main class="min-h-screen bg-base-200 p-8">
|
|
<div class="container mx-auto max-w-5xl">
|
|
<h1 class="text-3xl font-bold mb-8">Welcome to Tauri + Vue</h1>
|
|
|
|
<div class="card bg-base-100 shadow-xl">
|
|
<div class="card-body">
|
|
<form @submit.prevent="greet" class="flex flex-col gap-4">
|
|
<div class="form-control">
|
|
<input
|
|
type="text"
|
|
v-model="name"
|
|
placeholder="Enter a name..."
|
|
class="input input-bordered"
|
|
/>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Greet</button>
|
|
</form>
|
|
|
|
<div v-if="greetMsg" class="mt-4 alert alert-success">
|
|
{{ greetMsg }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</template>
|