simplify

Author: gtm-nayan

packages/playground/package.json

@@ -17,7 +17,6 @@
 		"sirv": "^2.0.3"
 	},
 	"devDependencies": {
-		"@sveltejs/vite-plugin-svelte": "^2.4.1",
 		"cross-env": "^7.0.3",
 		"svelte": "workspace:*",
 		"vite": "^4.3.9"

packages/playground/vite.config.js

@@ -1,17 +1,36 @@
-import { defineConfig } from 'vite';
-import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { createFilter, defineConfig } from 'vite';
+import { compile } from '../svelte/src/compiler';
 
-// Do not remove this import. It's needed to trigger reloads when the compiler changes.
-import { compile } from '../svelte/src/compiler/index.js';
+const filter = createFilter('**/*.svelte');
 
 // https://vitejs.dev/config/
 export default defineConfig({
 	plugins: [
-		svelte({
-			compilerOptions: {
-				hydratable: true
+		{
+			name: 'svelte',
+			transform(code, id, options) {
+				if (!filter(id)) return null;
+
+				const compiled = compile(code, {
+					filename: id,
+					generate: options?.ssr ? 'ssr' : 'dom',
+					hydratable: true,
+					css: 'injected'
+				});
+
+				return compiled.js;
+			},
+			configureServer(server) {
+				server.watcher.on('change', (path) => {
+					if (path.includes('src/compiler')) {
+						// pre-emptively send a full reload so that the request finishes faster
+						server.ws.send({
+							type: 'full-reload'
+						});
+					}
+				});
 			}
-		})
+		}
 	],
 	server: {
 		watch: {