move docs out of UI so that the showcase doesn't need to be running for them to show

Author: PhilBastian

src/frontend/public/azure.md renamed to docs/azure.md

@@ -13,12 +13,10 @@
   },
   "dependencies": {
     "@microsoft/signalr": "^8.0.7",
-    "vue": "^3.5.13",
-    "vue-markdown-render": "^2.2.1"
+    "vue": "^3.5.13"
   },
   "devDependencies": {
     "@tsconfig/node22": "^22.0.0",
-    "@types/markdown-it": "^14.1.2",
     "@types/node": "^22.10.2",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/eslint-config-typescript": "^14.1.3",

src/frontend/public/rabbit.md renamed to docs/rabbit.md

@@ -1,58 +1,26 @@
-<script setup lang="ts">
-import { onMounted, ref } from "vue";
-import VueMarkdown from "vue-markdown-render";
-
-const rabbitMarkdown = ref("");
-const azureMarkdown = ref("");
-const selection = ref("rabbit");
-
-onMounted(async () => {
-  const rabbitFile = await fetch("./rabbit.md");
-  const azureFile = await fetch("./azure.md");
-  rabbitMarkdown.value = await rabbitFile.text();
-  azureMarkdown.value = await azureFile.text();
-});
-</script>
+<script setup lang="ts"></script>
 
 <template>
   <div class="try-it-out">
     <h3 class="bolder">Want to try it in your system?</h3>
-    <div>
-      Select your transport:
-      <select v-model="selection" id="transport">
-        <option value="rabbit">RabbitMq</option>
-        <option value="azure">Azure Service Bus</option>
-      </select>
-    </div>
-    <div class="markdown-container">
-      <VueMarkdown
-        :source="selection === 'rabbit' ? rabbitMarkdown : azureMarkdown"
-      />
-    </div>
-    <!-- <div style="padding-top: 2rem">
     <ul>
-      <li>Open the .env file corresponding to your transport</li>
       <li>
-        Copy the file content and modify the right values with info from
-        <a hre="#" target="_blank"> here.</a>
-      </li>
-      <li>Configure the error queues</li>
-      <li>Run `docker compose down` and `docker compose up</li>
-    </ul>
-    <br />
-    <div>
-      <span class="bolder">Ran into issues?</span>
-      <div>
-        Check out this
         <a
-          href="https://github.com/Particular/MassTransitShowcaseDemo/blob/main/troubleshooting-guide.md"
           target="_blank"
+          href="https://github.com/Particular/MassTransitShowcaseDemo/blob/main/docs/rabbit.md"
         >
-          troubleshooting guide</a
+          View instructions for RabbitMQ
+        </a>
+      </li>
+      <li>
+        <a
+          target="_blank"
+          href="https://github.com/Particular/MassTransitShowcaseDemo/blob/main/docs/azure.md"
         >
-      </div>
-    </div>
-  </div> -->
+          View instructions for Azure Service Bus
+        </a>
+      </li>
+    </ul>
   </div>
 </template>
 
@@ -70,25 +38,4 @@ onMounted(async () => {
   flex: 1;
   min-height: 0;
 }
-
-.markdown-container {
-  margin: 0.5em 0;
-  padding: 0.5em;
-  width: 100%;
-  border-radius: 0.5em;
-  box-shadow: 0 2px 10px #2c3e50;
-  overflow: auto;
-  flex: 1;
-}
-
-:deep(p) {
-  margin: 0.5em 0;
-}
-
-:deep(pre) {
-  margin: 0.5em;
-  padding-left: 1em;
-  background-color: lightgray;
-  overflow: auto;
-}
 </style>