diff --git a/package.json b/package.json
index e9ea954..7862e7f 100644
--- a/package.json
+++ b/package.json
@@ -8,9 +8,8 @@
     "url": "https://github.com/gumcast/gumcast-client/issues"
   },
   "devDependencies": {
-    "@siteup/cli": "^2.0.0",
+    "top-bun": "^7.0.0",
     "auto-changelog": "^2.3.0",
-    "browser-sync": "^2.26.7",
     "gh-release": "^7.0.0",
     "npm-run-all": "^4.1.5",
     "standard": "^17.0.0",
@@ -31,10 +30,9 @@
     "start": "run-s watch",
     "version": "auto-changelog -p --template keepachangelog auto-changelog --breaking-pattern 'BREAKING CHANGE:' && git add CHANGELOG.md",
     "build": "npm run clean && run-p build:*",
-    "build:siteup": "siteup",
+    "build:top-bun": "tb",
     "watch": "npm run clean && run-p watch:*",
-    "watch:siteup": "npm run build:siteup -- --watch",
-    "watch:serve": "browser-sync start --server 'public' --files 'public'",
+    "watch:top-bun": "npm run build:top-bun -- --watch",
     "clean": "rm -rf public && mkdir -p public"
   },
   "standard": {
diff --git a/src/root.layout.js b/src/root.layout.js
index 25aafb2..3278f35 100644
--- a/src/root.layout.js
+++ b/src/root.layout.js
@@ -1,8 +1,10 @@
 import { html } from 'uhtml-isomorphic'
 
 export default async function rootLayout ({
-  title,
-  siteName,
+  vars: {
+    title,
+    siteName
+  },
   scripts,
   styles,
   children