Add class programatically

e75b62e8 · Midhun Suresh · 21c9d9d4 · e75b62e8 · e75b62e8
Commit e75b62e8 authored 3 years ago by Midhun Suresh
--- a/index.html
+++ b/index.html
@@ -5,10 +5,10 @@
    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
    <link rel="stylesheet" href="src/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
+    <title>Chatterbox</title>
  </head>
  <body>
-    <div id="chatterbox" class="hydrogen" data-config-link="./config.json"></div>
+    <div id="chatterbox" data-config-link="./config.json"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
 </html>
--- a/src/main.ts
+++ b/src/main.ts
@@ -20,6 +20,7 @@ async function main() {
    if (!root) {
        throw new Error("No element with id as 'chatterbox' found!");
    }
+    root.className = "hydrogen";
    const config = await fetchConfig(root);
    const platform = new Platform(root, assetPaths, {}, { development: import.meta.env.DEV });
    const navigation = createNavigation();