[init] Created dioxus project

mobile/src/main.rs

@@ -0,0 +1,54 @@
+use dioxus::prelude::*;
+
+use ui::Navbar;
+use views::{Blog, Home};
+
+mod views;
+
+#[derive(Debug, Clone, Routable, PartialEq)]
+#[rustfmt::skip]
+enum Route {
+    #[layout(MobileNavbar)]
+    #[route("/")]
+    Home {},
+    #[route("/blog/:id")]
+    Blog { id: i32 },
+}
+
+const MAIN_CSS: Asset = asset!("/assets/main.css");
+
+fn main() {
+    dioxus::launch(App);
+}
+
+#[component]
+fn App() -> Element {
+    // Build cool things ✌️
+
+    rsx! {
+        // Global app resources
+        document::Link { rel: "stylesheet", href: MAIN_CSS }
+
+        Router::<Route> {}
+    }
+}
+
+/// A mobile-specific Router around the shared `Navbar` component
+/// which allows us to use the mobile-specific `Route` enum.
+#[component]
+fn MobileNavbar() -> Element {
+    rsx! {
+        Navbar {
+            Link {
+                to: Route::Home {},
+                "Home"
+            }
+            Link {
+                to: Route::Blog { id: 1 },
+                "Blog"
+            }
+        }
+
+        Outlet::<Route> {}
+    }
+}