Add configurable / dynamic page title

vite.config.js

@@ -16,6 +16,7 @@ limitations under the License.
 
 import { defineConfig, loadEnv } from "vite";
 import svgrPlugin from "vite-plugin-svgr";
+import { createHtmlPlugin } from "vite-plugin-html";
 import path from "path";
 
 // https://vitejs.dev/config/
@@ -23,7 +24,16 @@ export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd());
 
   return {
-    plugins: [svgrPlugin()],
+    plugins: [
+      svgrPlugin(),
+      createHtmlPlugin({
+        inject: {
+          data: {
+            title: env.VITE_PRODUCT_NAME || "Matrix Video Chat",
+          },
+        },
+      }),
+    ],
     server: {
       proxy: {
         "/_matrix": env.VITE_DEFAULT_HOMESERVER || "http://localhost:8008",