Update app.py

app.py

@@ -1,8 +1,22 @@
 import streamlit as st
-from streamlit_mermaid import mermaid
 
 st.set_page_config(page_title="8 Dimensions of Self Care", page_icon=":heart:")
 
+def mermaid(code: str) -> None:
+    components.html(
+        f"""
+        <pre class="mermaid">
+            {code}
+        </pre>
+
+        <script type="module">
+            import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
+            mermaid.initialize({{ startOnLoad: true }});
+        </script>
+        """
+    )
+
+
 st.title("8 Dimensions of Self Care")
 
 mermaid_chart = '''
@@ -17,4 +31,6 @@ graph TD
     I[🏃‍♂️ Physical, Our bodies] --> B
 '''
 
-mermaid(mermaid_chart, width="100%")
+
+mermaid(mermaid_chart)
+#mermaid(mermaid_chart, width="100%")