···11-// place files you want to import through the `$lib` alias in this folder.
11+import { AtpClient } from './at/client';
22+33+export const client = new AtpClient();
···11-<h1>Welcome to SvelteKit</h1>
22-<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
11+<script lang="ts">
22+ import BskyPost from '$components/BskyPost.svelte';
33+ import PostComposer from '$components/PostComposer.svelte';
44+ import { client } from '$lib';
55+</script>
66+77+<div class="flex flex-col gap-4">
88+ <PostComposer {client} />
99+ <hr />
1010+ <BskyPost {client} identifier="nil.ptr.pet" rkey="3m3d5zguuxk2c" />
1111+</div>
+14-2
svelte.config.js
···55const config = {
66 // Consult https://svelte.dev/docs/kit/integrations
77 // for more information about preprocessors
88- preprocess: vitePreprocess(),
88+ preprocess: [vitePreprocess()],
991010 kit: {
1111 // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
1212 // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
1313 // See https://svelte.dev/docs/kit/adapters for more information about adapters.
1414- adapter: adapter()
1414+ adapter: adapter(),
1515+ alias: {
1616+ $lib: 'src/lib',
1717+ '$lib/*': 'src/lib/*',
1818+ $components: 'src/components',
1919+ '$components/*': 'src/components/*'
2020+ }
2121+ },
2222+2323+ compilerOptions: {
2424+ experimental: {
2525+ async: true
2626+ }
1527 }
1628};
1729