chore: shuffle things around to use svelte files

TanStack · Jan 10, 2025 · 3bd7f33 · 3bd7f33
1 parent a105341
commit 3bd7f33
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 6 deletions.
diff --git a/packages/svelte-form/index.html b/packages/svelte-form/index.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Svelte</title>
+  </head>
+  <body>
+  <div id="app"></div>
+  <script type="module">
+    import * as ts from './src/index.ts';
+    import { mount } from 'svelte';
+    import App from './tests/simple.svelte';
+
+    const app = mount(App, {
+      target: document.getElementById('app')
+    });
+  </script>
+  </body>
+</html>
diff --git a/packages/svelte-form/src/Field.svelte b/packages/svelte-form/src/Field.svelte
@@ -11,7 +11,7 @@
 ">
   import type { Snippet } from 'svelte';
   // TODO (43081j): somehow remove this circular reference
-  import { createField } from './createField';
+  import { createField } from './createField.svelte.js';
 
   type Props = {
     children: Snippet<[
@@ -33,7 +33,8 @@
   >;
 
   let {
-    children
+    children,
+    ...fieldOptions
   }: Props = $props();
 
   const fieldApi = createField<

diff --git a/packages/svelte-form/src/createField.ts → ...ges/svelte-form/src/createField.svelte.ts b/packages/svelte-form/src/createField.ts → ...ges/svelte-form/src/createField.svelte.ts
diff --git a/packages/svelte-form/src/createForm.ts → ...ages/svelte-form/src/createForm.svelte.ts b/packages/svelte-form/src/createForm.ts → ...ages/svelte-form/src/createForm.svelte.ts
@@ -1,9 +1,9 @@
 import { FormApi } from '@tanstack/form-core'
 import { onMount } from 'svelte'
-import { createField } from './createField.js'
+import { createField } from './createField.svelte.js'
 import Field from './Field.svelte';
 import type { FormOptions, Validator } from '@tanstack/form-core'
-import type { CreateField } from './createField.js';
+import type { CreateField } from './createField.svelte.js';
 
 export interface SvelteFormApi<
   TFormData,

diff --git a/packages/svelte-form/src/index.ts b/packages/svelte-form/src/index.ts
@@ -1,6 +1,6 @@
 export * from '@tanstack/form-core'
 
-export { createForm, type SvelteFormApi } from './createForm.js'
+export { createForm, type SvelteFormApi } from './createForm.svelte.js'
 
 export type { Field } from './Field.svelte'
-export { createField } from './createField.js'
+export { createField } from './createField.svelte.js'