fix(examples): with-svelte classes (#10363)

### Description

Closes #10113

Author: anthonyshew

examples/with-svelte/.gitignore

@@ -28,3 +28,5 @@ yarn-error.log*
 
 # turbo
 .turbo
+
+dist

examples/with-svelte/apps/docs/package.json

@@ -5,7 +5,7 @@
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
-		"build": "vite build",
+		"build": "svelte-kit sync && vite build",
 		"preview": "vite preview",
 		"test": "npm run test:integration && npm run test:unit",
 		"check-types": "tsc --noEmit",

examples/with-svelte/apps/web/package.json

@@ -5,7 +5,7 @@
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
-		"build": "vite build",
+		"build": "svelte-kit sync && vite build",
 		"preview": "vite preview",
 		"test": "npm run test:integration && npm run test:unit",
 		"check-types": "tsc --noEmit",

examples/with-svelte/packages/typescript-config/svelte.json

@@ -8,6 +8,11 @@
     "skipLibCheck": true,
     "sourceMap": true,
     "strict": true,
-    "moduleResolution": "bundler"
+    "moduleResolution": "NodeNext",
+    "module": "NodeNext",
+    "target": "ESNext",
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "lib": ["esnext", "DOM", "DOM.Iterable"]
   }
 }

examples/with-svelte/packages/ui/eslint.config.js

@@ -1,3 +1,8 @@
 import { config } from '@repo/eslint-config/index.js';
 
-export default config;
+export default [
+  ...config,
+  {
+    ignores: ['.svelte-kit/**', 'dist/**']
+  }
+];

examples/with-svelte/packages/ui/package.json

@@ -2,20 +2,41 @@
   "name": "@repo/ui",
   "version": "0.0.0",
   "type": "module",
-  "module": "index.ts",
-  "main": "index.ts",
+  "scripts": {
+    "dev": "svelte-package --watch --input=src",
+    "build": "svelte-package --input=src",
+    "lint": "eslint .",
+    "check-types": "svelte-check --tsconfig ./tsconfig.json"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*",
+    "src",
+    "!src/**/*.test.*",
+    "!src/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     ".": {
-      "types": "./index.ts",
-      "svelte": "./index.ts"
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
     }
   },
-  "scripts": {
-    "lint": "eslint ."
+  "peerDependencies": {
+    "svelte": "^5.0.0"
   },
   "devDependencies": {
     "@repo/eslint-config": "workspace:*",
+    "@repo/typescript-config": "workspace:*",
+    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "eslint": "^9.25.0",
     "svelte": "^5.28.1",
-    "eslint": "^9.25.0"
+    "svelte-check": "^4.1.4",
+    "typescript": "5.8.2",
+    "vite": "^6.3.2"
   }
 }

examples/with-svelte/packages/ui/components/MyCounterButton.svelte renamed to examples/with-svelte/packages/ui/src/MyCounterButton.svelte

@@ -0,0 +1,2 @@
+export { Counter } from './my-counter-class.svelte';
+export { default as MyCounterButton } from './MyCounterButton.svelte';

examples/with-svelte/packages/ui/src/index.ts

@@ -0,0 +1,11 @@
+export class Counter {
+  count = $state(0);
+
+  increment = () => {
+    this.count++;
+  };
+
+  decrement = () => {
+    this.count--;
+  };
+}

examples/with-svelte/packages/ui/src/my-counter-class.svelte.ts

@@ -0,0 +1,15 @@
+{
+  "extends": "@repo/typescript-config/svelte.json",
+  "compilerOptions": {
+    "declaration": true,
+    "declarationMap": true,
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    ".svelte-kit"
+  ]
+}

examples/with-svelte/packages/ui/tsconfig.json

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
+export default defineConfig({
+  plugins: [
+    svelte()
+  ]
+});