From 88ed3498d175e4e8e0e3285bdae9bad14dfd2178 Mon Sep 17 00:00:00 2001
From: Vincent Baaij <vnbaaij@outlook.com>
Date: Tue, 5 Sep 2023 23:16:50 +0200
Subject: [PATCH] Re-add scripts to index.html/_Layout.cshtml Update docs

---
 examples/Demo/Client/wwwroot/index.html                |  9 ++++++---
 examples/Demo/Server/Pages/_Layout.cshtml              |  5 ++++-
 .../Demo/Shared/Pages/CodeEditor/CodeEditorPage.razor  | 10 +++++++---
 3 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/examples/Demo/Client/wwwroot/index.html b/examples/Demo/Client/wwwroot/index.html
index c62650857d..c51b1c8445 100644
--- a/examples/Demo/Client/wwwroot/index.html
+++ b/examples/Demo/Client/wwwroot/index.html
@@ -48,11 +48,14 @@
         <a class="dismiss">🗙</a>
     </div>
     <script src="_framework/blazor.webassembly.js"></script>
-    
+
     <!-- Monaco Editor -->
     <script src="_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs/loader.min.js"></script>
-    
-    
+    <script>require.config({ paths: { 'vs': '_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs' } });</script>
+    <script src="_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs/editor/editor.main.js"></script>
+
+
+
     <!-- highlight -->
     <script src="https://cdn.jsdelivr.net/npm/@highlightjs/cdn-assets@11.6.0/highlight.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/highlightjs-cshtml-razor@2.1.1/dist/cshtml-razor.min.js"></script>
diff --git a/examples/Demo/Server/Pages/_Layout.cshtml b/examples/Demo/Server/Pages/_Layout.cshtml
index eb96176c80..0718c20fdf 100644
--- a/examples/Demo/Server/Pages/_Layout.cshtml
+++ b/examples/Demo/Server/Pages/_Layout.cshtml
@@ -44,7 +44,10 @@
 
     <!-- Monaco Editor -->
     <script src="_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs/loader.min.js"></script>
-    
+    <script>require.config({ paths: { 'vs': '_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs' } });</script>
+    <script src="_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs/editor/editor.main.js"></script>
+
+
     <!-- highlight -->
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@@highlightjs/cdn-assets@@11.6.0/highlight.min.js"></script>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/highlightjs-cshtml-razor@@2.1.1/dist/cshtml-razor.min.js"></script>
diff --git a/examples/Demo/Shared/Pages/CodeEditor/CodeEditorPage.razor b/examples/Demo/Shared/Pages/CodeEditor/CodeEditorPage.razor
index 2d796bc317..8c4c120d5c 100644
--- a/examples/Demo/Shared/Pages/CodeEditor/CodeEditorPage.razor
+++ b/examples/Demo/Shared/Pages/CodeEditor/CodeEditorPage.razor
@@ -12,7 +12,11 @@
         <strong>Important:</strong> When using this component, make sure to add the following line to your <code>index.html</code> / <code>_Layout.cshtml</code> <strong>before</strong> where the Blazor script is added:
         <br />
         <br />
-        <code>&lt;script src="_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs/loader.min.js">&lt;/script></code>
+        <code>
+            &lt;script src="_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs/loader.min.js">&lt;/script><br/>
+            &lt;script>require.config({ paths: { 'vs': '_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs' } });&lt;/script><br />
+            &lt;script src="_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs/editor/editor.main.js">&lt;/script>
+        </code>
     </p>
 </blockquote>
 
@@ -22,9 +26,9 @@
     An example of this can be found in this demo site's source code available on <a href="https://github.com/microsoft/fluentui-blazor/tree/dev/examples/Demo">GitHub</a>.
 </p>
 
-<ApiDocumentation Component="typeof(FluentCodeEditor)" />
-
 <h2>Example</h2>
 
 <DemoSection Component="typeof(CodeEditorDefaultExample)" Title="Default example" CollocatedFiles="@(new[] { "cs" })" />
 
+<h2>API Documentation</h2>
+<ApiDocumentation Component="typeof(FluentCodeEditor)" />
\ No newline at end of file