> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ditto.live/llms.txt
> Use this file to discover all available pages before exploring further.

# Svelte Framework

If you're using the Svelte framework to develop your app, ensure your `ditto` instance remains accessible throughout your app by using the `writable` function from the top-most scope of your app:

1. From the top-most scope of your app, import Ditto.
2. Using async await, initialize Ditto.
3. Provide your access credentials:
   1. Replace the `appID` placeholder value with the app ID that identifies your app in Ditto.
   2. Replace the `token` placeholder value with your playground token that the Big Peer uses to verify your digital identity before issuing your playground certificate.

```javascript JS theme={null}
import { writable } from "svelte/store";

let ditto = writable([]);
let subscription = writable([]);

ditto.set(new Ditto(identity))
subscription.set($ditto.store.collections("cars").find("color == 'red'").subscribe())
```


## Related topics

- [C#](/sdk/v4/install-guides/c-sharp.md)
- [Swift](/sdk/v4/install-guides/swift.md)
- [C# Compatibility](/sdk/latest/compatibility/c-sharp.md)