try temporary fix

.env

@@ -0,0 +1 @@
+BASENAME=

.gh-pages.env

@@ -0,0 +1 @@
+BASENAME=/sql-mermaid

.github/workflows/continuous_deployment.yml

@@ -16,6 +16,7 @@ jobs:
         version: 'latest'
     - name: Build
       run: |
+        cp .gh-pages.env .env
         npm install
         npm run build
     - name: Package
@@ -38,6 +39,6 @@ jobs:
     - name: Deploy demo
       uses: JamesIves/[email protected]
       with:
-        branch: main
+        branch: gh-pages
         folder: dist
         clean: true

Cargo.toml

@@ -27,6 +27,7 @@ web-sys = "0.3.60"
 gloo-utils = "0.1.5"
 clap = { version = "3.0.14", features = ["derive"] }
 material-yew = { version = "0.2.0" , features = ["button", "textarea", "top-app-bar", "tabs", "top-app-bar-fixed"] }
+dotenv_codegen = "0.15.0"
 
 [dev-dependencies]
 wasm-bindgen-test = "0.3.14"

src/app.rs

@@ -8,9 +8,11 @@ use crate::routes::{switch, AppRoute};
 #[function_component(App)]
 pub fn app() -> Html {
     html! {
-        <BrowserRouter>
-            <Nav />
-            <Switch<AppRoute> render={Switch::render(switch)} />
-        </BrowserRouter>
-    }
+            // wait for yew 0.20
+            // <BrowserRouter basename={dotenv!("BASENAME")}>
+            <BrowserRouter>
+                <Nav />
+                <Switch<AppRoute> render={Switch::render(switch)} />
+            </BrowserRouter>
+        }
 }

src/lib.rs

@@ -1,3 +1,6 @@
+#[macro_use]
+extern crate dotenv_codegen;
+
 pub mod app;
 pub mod components;
 pub mod routes;

src/routes/mod.rs

@@ -8,6 +8,7 @@ use about::About;
 use home::Home;
 
 /// App routes
+// wait yew 0.20 to remove pages base name
 #[derive(Routable, Debug, Clone, PartialEq)]
 pub enum AppRoute {
     #[at("/about")]
@@ -17,12 +18,16 @@ pub enum AppRoute {
     PageNotFound,
     #[at("/")]
     Home,
+    // remove when yew 0.20
+    #[at("/sql-mermaid")]
+    AlsoHome,
 }
 
 /// Switch app routes
 pub fn switch(routes: &AppRoute) -> Html {
     match routes.clone() {
         AppRoute::Home => html! { <Home /> },
+        AppRoute::AlsoHome => html! { <Home /> },
         AppRoute::About => html! { <About /> },
         AppRoute::PageNotFound => html! { "Page not found" },
     }