use language detection in the demo

Author: ealmloff

docsite/Cargo.toml

@@ -11,7 +11,7 @@ publish = false
 
 [dependencies]
 dioxus = { version = "0.7.0", features = ["router"] }
-dioxus-code = { workspace = true, features = ["runtime", "lang-toml"] }
+dioxus-code = { workspace = true, features = ["runtime", "detection", "lang-toml"] }
 dioxus-code-editor = { workspace = true }
 dioxus-primitives = { git = "https://github.com/DioxusLabs/components", version = "0.0.1", default-features = false, features = ["router"] }
 

docsite/src/main.rs

@@ -701,9 +701,9 @@ fn Playground(
             div { class: "playground-grid",
                 Card { class: "card-editor",
                     div { class: "card-bar",
-                        span { "source.rs" }
+                        span { "source" }
                         span { class: "editor-meta",
-                            span { "rust · " {format!("{} chars", source().chars().count())} }
+                            span { "auto · " {format!("{} chars", source().chars().count())} }
                             span { class: "editor-meta-divider" }
                             Select::<usize> {
                                 value: Some(value.into()),
@@ -732,9 +732,9 @@ fn Playground(
                     ClientOnly {
                         CodeEditor {
                             value: source(),
-                            language: Language::Rust,
+                            language: Language::Auto,
                             theme,
-                            aria_label: "Rust source editor",
+                            aria_label: "Auto-detected source editor",
                             class: "playground-code-editor",
                             oninput: move |value| source.set(value),
                         }