create-triplit-app: add svelte option

.changeset/big-ways-learn.md

@@ -0,0 +1,5 @@
+---
+'create-triplit-app': patch
+---
+
+add svelte option

packages/create-triplit-app/files/schema.ts

@@ -1,10 +1,7 @@
 // import { Schema as S } from '@triplit/db';
 
 /**
- * Define your schema here. To use your schema, you can either:
- * - Directly import your schema into your app
- * - Run 'triplit migrate create' to generate migrations (recommended for production apps)
- *
+ * Define your schema here.
  * For more information on schemas, see the docs: https://www.triplit.dev/docs/database/schemas
  */
 export const schema = {

packages/create-triplit-app/src/index.ts

@@ -49,6 +49,15 @@ const FRAMEWORKS: Framework[] = [
  '@triplit/react': '^0.3.1',
  },
  },
+ {
+ name: 'svelte',
+ display: 'Svelte',
+ color: red,
+ variants: [],
+ dependencies: {
+ '@triplit/svelte': '^0.1.3',
+ },
+ },
 ];
 
 const TEMPLATES = ['chat'];
@@ -69,6 +78,8 @@ function getViteTemplateForFramework(framework: string) {
  switch (framework) {
  case 'react':
  return 'react-ts';
+ case 'svelte':
+ return 'svelte-ts';
  case 'vanilla':
  return 'vanilla-ts';
  default:
@@ -182,7 +193,8 @@ async function createTriplitAppWithVite() {
  const viteScaffold = new Promise<void>((resolve, reject) => {
  const child = spawn(pkgManager, createArgs, {
  stdio: [process.stdin, process.stdout, process.stderr],
- shell:true})!;
+ shell: true,
+ })!;
  child.on('error', (err) => {
  console.error(err);
  reject();