Move to Svelte 5 and Vite

jsconfig.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "moduleResolution": "bundler",
+    "target": "ESNext",
+    "module": "ESNext",
+    /**
+     * svelte-preprocess cannot figure out whether you have
+     * a value or a type, so tell TypeScript to enforce using
+     * `import type` instead of `import` for Types.
+     */
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    /**
+     * To have warnings / errors of the Svelte compiler at the
+     * correct position, enable source maps by default.
+     */
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    /**
+     * Typecheck JS in `.svelte` and `.js` files by default.
+     * Disable this if you'd like to use dynamic types.
+     */
+    "checkJs": true
+  },
+  /**
+   * Use global.d.ts instead of compilerOptions.types
+   * to avoid limiting type declarations.
+   */
+  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
+}
+

package.json

@@ -3,27 +3,18 @@
   "version": "1.0.0",
   "type": "module",
   "scripts": {
-    "dev": "farm",
-    "start": "farm",
-    "build": "farm build",
-    "preview": "farm preview",
-    "clean": "farm clean",
-    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
     "deploy": "wrangler deploy",
     "wrangler-dev": "wrangler dev",
     "wrangler-start": "wrangler dev"
   },
   "devDependencies": {
     "@cloudflare/kv-asset-handler": "^0.3.4",
-    "@farmfe/cli": "^1.0.2",
-    "@farmfe/core": "^1.3.0",
-    "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "@tsconfig/svelte": "^5.0.4",
-    "core-js": "^3.36.1",
-    "svelte": "^4.2.12",
-    "svelte-check": "^3.6.8",
-    "tslib": "^2.6.2",
-    "typescript": "^5.4.3",
+    "@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
+    "svelte": "5.0.0-next.242",
+    "vite": "^5.4.2",
     "wrangler": "^3.67.1"
   }
 }

src/main.js

@@ -1,7 +1,8 @@
-import App from "./App.svelte";
+import { mount } from 'svelte';
+import App from './App.svelte';
 
-const app = new App({
-  target: document.getElementById("app"),
+const app = mount(App, {
+  target: document.getElementById('app'),
 });
 
 export default app;

tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "extends": "@tsconfig/svelte/tsconfig.json",
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "resolveJsonModule": true,
-    /**
-     * Typecheck JS in `.svelte` and `.js` files by default.
-     * Disable checkJs if you'd like to use dynamic types in JS.
-     * Note that setting allowJs false does not prevent the use
-     * of JS in `.svelte` files.
-     */
-    "allowJs": true,
-    "checkJs": true,
-    "isolatedModules": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

tsconfig.node.json

@@ -1,11 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "include": ["farm.config.ts"]
-}

vite.config.js

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