3 files changed, 24 insertions, 8 deletions
diff --git a/packages/renderers/renderer-svelte/client.js b/packages/renderers/renderer-svelte/client.js
index ec0047abf..6facfa0b4 100644
--- a/packages/renderers/renderer-svelte/client.js
+++ b/packages/renderers/renderer-svelte/client.js
@@ -2,6 +2,7 @@ import SvelteWrapper from './Wrapper.svelte';
 
 export default (target) => {
   return (component, props, children) => {
+    delete props['class'];
     try {
       new SvelteWrapper({
         target,
diff --git a/packages/renderers/renderer-svelte/index.js b/packages/renderers/renderer-svelte/index.js
index ba3468594..502ba6bfa 100644
--- a/packages/renderers/renderer-svelte/index.js
+++ b/packages/renderers/renderer-svelte/index.js
@@ -1,7 +1,21 @@
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+
 export default {
   name: '@astrojs/renderer-svelte',
-  snowpackPlugin: '@snowpack/plugin-svelte',
-  snowpackPluginOptions: { compilerOptions: { hydratable: true } },
-  client: './client',
-  server: './server',
+  client: './client.js',
+  server: './server.js',
+  viteConfig() {
+    return {
+      optimizeDeps: {
+        include: ['@astrojs/renderer-svelte/client.js', 'svelte', 'svelte/internal'],
+        exclude: ['@astrojs/renderer-svelte/server.js'],
+      },
+      plugins: [
+        svelte({
+          emitCss: true,
+          compilerOptions: { hydratable: true },
+        }),
+      ],
+    };
+  },
 };
diff --git a/packages/renderers/renderer-svelte/package.json b/packages/renderers/renderer-svelte/package.json
index cd8646821..c573cb911 100644
--- a/packages/renderers/renderer-svelte/package.json
+++ b/packages/renderers/renderer-svelte/package.json
@@ -4,13 +4,14 @@
   "type": "module",
   "exports": {
     ".": "./index.js",
-    "./client": "./client.js",
-    "./server": "./server.js",
+    "./*": "./*",
+    "./client.js": "./client.js",
+    "./server.js": "./server.js",
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "svelte": "^3.35.0",
-    "@snowpack/plugin-svelte": "^3.7.0"
+    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.29",
+    "svelte": "^3.44.0"
   },
   "engines": {
     "node": "^12.20.0 || ^14.13.1 || >=16.0.0"