Skip to content

Nuxt TauriComposables Vue pour l'API Tauri

Intégrez de manière transparente les puissantes capacités desktop de Tauri dans vos applications Nuxt

Logo Nuxt

Exemple Rapide

vue
<template>
    <div>
        <button @click="execute" :disabled="pending">
            {{
                pending ? "Chargement..." : "Récupérer les données utilisateur"
            }}
        </button>

        <div v-if="error" class="error">Erreur : {{ error.message }}</div>

        <div v-if="data">
            <h3>Bienvenue, {{ data.name }} !</h3>
            <p>Email : {{ data.email }}</p>
        </div>
    </div>
</template>

<script setup>
interface User {
  name: string
  email: string
}

const { data, pending, error, execute } = useTauriInvoke<User>('get_user')
</script>

Installation

bash
npx nuxi module add nuxt-module-tauri
bash
pnpm add @tauri-apps/api

C'est tout ! Commencez à créer d'incroyables applications desktop avec Nuxt et Tauri.