2 files changed, 6 insertions, 6 deletions

diff --git a/packages/renderer/package.json b/packages/renderer/package.json
index fb13129..2a26b2b 100644
--- a/packages/renderer/package.json
+++ b/packages/renderer/package.json
@@ -2,7 +2,7 @@
   "name": "@sophie/renderer",
   "version": "0.1.0",
   "private": true,
-  "main": "dist/index.html",
+  "type": "module",
   "types": "dist-types/index.d.ts",
   "scripts": {
     "typecheck": "tsc"
diff --git a/packages/renderer/vite.config.js b/packages/renderer/vite.config.js
index 30729c0..6f3d351 100644
--- a/packages/renderer/vite.config.js
+++ b/packages/renderer/vite.config.js
@@ -1,12 +1,12 @@
-// @ts-check
-
 /* eslint-env node */
 
 import { builtinModules } from 'module';
 import { join } from 'path';
 import react from '@vitejs/plugin-react';
 
-import { banner, chrome } from '../../config/build-common';
+import { banner, chrome, fileURLToDirname } from '../../config/build-common.js';
+
+const thisDir = fileURLToDirname(import.meta.url);
 
 const mode = process.env.MODE || 'development';
 
@@ -20,8 +20,8 @@ export default {
   /** @type {import('vite').LogLevel} */
   logLevel: 'info',
   mode,
-  root: __dirname,
-  cacheDir: join(__dirname, '../../.vite'),
+  root: thisDir,
+  cacheDir: join(thisDir, '../../.vite'),
   plugins: [
     react({
       babel: {