⚡ make app page title dynamic

Author: zcubbs

web/start/public/env.js

@@ -1,2 +1,3 @@
 window.VITE_API_URL = '${VITE_API_URL}';
 window.VITE_APP_LOGO_URL = '${VITE_APP_LOGO_URL}';
+window.VITE_APP_TITLE = '${VITE_APP_TITLE}';

web/start/src/App.tsx

@@ -11,6 +11,7 @@ import {Separator} from "@/components/ui/separator.tsx";
 const App: React.FC = () => {
   const [blueprints, setBlueprints] = useState<Blueprint[]>([]);
   useEffect(() => {
+    document.title = window.VITE_APP_TITLE || 'Power - Starters';
     fetchBlueprints().then(setBlueprints);
   }, []);
 
@@ -52,7 +53,7 @@ const App: React.FC = () => {
               </span>
             </div>
             <Separator/>
-            <h2 className="text-3xl font-bold mt-10 mb-10">Blueprints</h2>
+            <h2 className="text-3xl font-bold mt-10 mb-10">Plugins</h2>
             {blueprints && blueprints.length > 0 ? getBlueprints() : getNoBlueprints()}
           </div>
         </div>

web/start/src/globals.d.ts

@@ -3,6 +3,7 @@ declare global {
   interface Window {
     VITE_APP_LOGO_URL?: string;
     VITE_API_URL?: string;
+    VITE_APP_TITLE?: string;
   }
 }