4 files changed, 25 insertions, 10 deletions
diff --git a/packages/renderers/renderer-vue/client.js b/packages/renderers/renderer-vue/client.js
index 83ea80524..dfbd48a30 100644
--- a/packages/renderers/renderer-vue/client.js
+++ b/packages/renderers/renderer-vue/client.js
@@ -2,6 +2,7 @@ import { h, createSSRApp } from 'vue';
 import StaticHtml from './static-html.js';
 
 export default (element) => (Component, props, children) => {
+  delete props['class'];
   // Expose name on host component for Vue devtools
   const name = Component.name ? `${Component.name} Host` : undefined;
   const app = createSSRApp({ name, render: () => h(Component, props, { default: () => h(StaticHtml, { value: children }) }) });
diff --git a/packages/renderers/renderer-vue/index.js b/packages/renderers/renderer-vue/index.js
index 3dfc41e19..a3faf2bf9 100644
--- a/packages/renderers/renderer-vue/index.js
+++ b/packages/renderers/renderer-vue/index.js
@@ -1,7 +1,19 @@
+import vue from '@vitejs/plugin-vue';
+
 export default {
   name: '@astrojs/renderer-vue',
-  snowpackPlugin: '@snowpack/plugin-vue',
-  client: './client',
-  server: './server',
-  knownEntrypoints: ['vue', '@vue/server-renderer'],
+  client: './client.js',
+  server: './server.js',
+  viteConfig() {
+    return {
+      optimizeDeps: {
+        include: ['@astrojs/renderer-vue/client.js', 'vue'],
+        exclude: ['@astrojs/renderer-vue/server.js'],
+      },
+      plugins: [vue()],
+      ssr: {
+        external: ['@vue/server-renderer'],
+      },
+    };
+  },
 };
diff --git a/packages/renderers/renderer-vue/package.json b/packages/renderers/renderer-vue/package.json
index 7cece6803..68c99b39d 100644
--- a/packages/renderers/renderer-vue/package.json
+++ b/packages/renderers/renderer-vue/package.json
@@ -4,14 +4,16 @@
   "type": "module",
   "exports": {
     ".": "./index.js",
-    "./client": "./client.js",
-    "./server": "./server.js",
+    "./*": "./*",
+    "./client.js": "./client.js",
+    "./server.js": "./server.js",
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "vue": "^3.2.0",
-    "@vue/server-renderer": "^3.2.0",
-    "@snowpack/plugin-vue": "^2.6.1"
+    "@vitejs/plugin-vue": "^1.9.3",
+    "@vue/compiler-sfc": "^3.2.20",
+    "@vue/server-renderer": "^3.2.20",
+    "vue": "^3.2.20"
   },
   "engines": {
     "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
diff --git a/packages/renderers/renderer-vue/server.js b/packages/renderers/renderer-vue/server.js
index 3d3159634..fb48e6299 100644
--- a/packages/renderers/renderer-vue/server.js
+++ b/packages/renderers/renderer-vue/server.js
@@ -3,7 +3,7 @@ import { h, createSSRApp } from 'vue';
 import StaticHtml from './static-html.js';
 
 function check(Component) {
-  return Component['ssrRender'];
+  return !!Component['ssrRender'];
 }
 
 async function renderToStaticMarkup(Component, props, children) {