🔥

@tuvix.js/svelte

Svelte Bağlamaları

Tuvix.js için Svelte 3, 4 ve 5 bağlamaları. Reaktif yaşam döngüsü entegrasyonu ile createMicroApp sarmalayıcı.

npm ↗ GitHub ↗

Kurulum

npm install @tuvix.js/svelte svelte

API

createMicroApp(Component)

Svelte 3, 4 ve 5 ile çalışır:

import { createSvelteMicroApp } from '@tuvix.js/svelte';
import App from './App.svelte';

export const app = createMicroApp(App);

Tam Çalışma Örneği (Svelte 5)

<!-- App.svelte -->
<script lang="ts">
  import { onDestroy } from 'svelte';
  import { getGlobalBus } from '@tuvix.js/event-bus';

  let { apiUrl, userId } = $props<{ apiUrl: string; userId: string }>();
  let theme = $state<'light' | 'dark'>('dark');

  const bus = getGlobalBus();
  const unsub = bus.on('theme:changed', ({ theme: t }) => { theme = t; });
  onDestroy(unsub);
</script>

<div class="app theme-{theme}">
  <h1>Dashboard</h1>
</div>

Daha fazla bilgi için Svelte Rehberi sayfasına bakın.