docs: Use type imports for svelte examples (#5285)

* Import types from svelte-table

* Enable verbatimModuleSyntax

Author: lachlancollins

examples/svelte/basic/src/App.svelte

@@ -5,7 +5,7 @@
     flexRender,
     getCoreRowModel,
   } from '@tanstack/svelte-table'
-  import type { ColumnDef, TableOptions } from '@tanstack/table-core/src/types'
+  import type { ColumnDef, TableOptions } from '@tanstack/svelte-table'
   import './index.css'
 
   type Person = {

examples/svelte/basic/tsconfig.dev.json renamed to examples/svelte/basic/tsconfig.json

@@ -6,6 +6,7 @@
     "useDefineForClassFields": true,
     "module": "esnext",
     "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
     "baseUrl": "."
   },
   "files": ["src/main.ts"],

examples/svelte/column-groups/src/App.svelte

@@ -5,7 +5,7 @@
     flexRender,
     getCoreRowModel,
   } from '@tanstack/svelte-table'
-  import type { ColumnDef, TableOptions } from '@tanstack/table-core/src/types'
+  import type { ColumnDef, TableOptions } from '@tanstack/svelte-table'
   import './index.css'
 
   type Person = {

examples/svelte/column-groups/tsconfig.dev.json renamed to examples/svelte/column-groups/tsconfig.json

@@ -6,6 +6,7 @@
     "useDefineForClassFields": true,
     "module": "esnext",
     "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
     "baseUrl": "."
   },
   "files": ["src/main.ts"],

examples/svelte/column-ordering/src/App.svelte

@@ -6,8 +6,8 @@
     getSortedRowModel,
     flexRender,
   } from '@tanstack/svelte-table'
-  import type { ColumnDef, TableOptions } from '@tanstack/table-core/src/types'
-  import { makeData, Person } from './makeData'
+  import type { ColumnDef, TableOptions } from '@tanstack/svelte-table'
+  import { makeData, type Person } from './makeData'
   import { faker } from '@faker-js/faker'
   import './index.css'
 

examples/svelte/column-ordering/tsconfig.dev.json renamed to examples/svelte/column-ordering/tsconfig.json

@@ -6,6 +6,7 @@
     "useDefineForClassFields": true,
     "module": "esnext",
     "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
     "baseUrl": "."
   },
   "files": ["src/main.ts"],

examples/svelte/column-pinning/src/App.svelte

@@ -6,8 +6,8 @@
     getSortedRowModel,
     flexRender,
   } from '@tanstack/svelte-table'
-  import type { ColumnDef, TableOptions } from '@tanstack/table-core/src/types'
-  import { makeData, Person } from './makeData'
+  import type { ColumnDef, TableOptions } from '@tanstack/svelte-table'
+  import { makeData, type Person } from './makeData'
   import { faker } from '@faker-js/faker'
   import './index.css'
 

examples/svelte/column-pinning/tsconfig.dev.json renamed to examples/svelte/column-pinning/tsconfig.json

@@ -6,6 +6,7 @@
     "useDefineForClassFields": true,
     "module": "esnext",
     "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
     "baseUrl": "."
   },
   "files": ["src/main.ts"],

examples/svelte/column-visibility/src/App.svelte

@@ -6,7 +6,7 @@
     getSortedRowModel,
     flexRender,
   } from '@tanstack/svelte-table'
-  import type { ColumnDef, TableOptions } from '@tanstack/table-core/src/types'
+  import type { ColumnDef, TableOptions } from '@tanstack/svelte-table'
   import './index.css'
 
   type Person = {

examples/svelte/column-visibility/tsconfig.dev.json

@@ -0,0 +1,21 @@
+{
+  "extends": "../../../tsconfig.json",
+  // "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
+    "baseUrl": "."
+  },
+  "files": ["src/main.ts"],
+  "include": [
+    "src"
+    // "src/**/*.d.ts",
+    // "src/**/*.ts",
+    // "src/**/*.js",
+    // "src/**/*.svelte"
+    // "__tests__/**/*.test.*"
+  ]
+}

examples/svelte/column-visibility/tsconfig.json

@@ -6,8 +6,8 @@
     getSortedRowModel,
     flexRender,
   } from '@tanstack/svelte-table'
-  import type { ColumnDef, TableOptions } from '@tanstack/table-core/src/types'
-  import { makeData, Person } from './makeData'
+  import type { ColumnDef, TableOptions } from '@tanstack/svelte-table'
+  import { makeData, type Person } from './makeData'
   import './index.css'
 
   const columns: ColumnDef<Person>[] = [

examples/svelte/sorting/src/App.svelte

@@ -5,6 +5,7 @@
     "useDefineForClassFields": true,
     "module": "esnext",
     "resolveJsonModule": true,
+    "verbatimModuleSyntax": true,
     "baseUrl": "."
   },
   "files": ["src/main.ts"],