From 383ec8a579c22d535e3c061ab4e910c14dd27a07 Mon Sep 17 00:00:00 2001
From: Leon Letto <leon.letto@gmail.com>
Date: Sun, 24 Sep 2023 15:10:58 -0700
Subject: [PATCH] Added Preview which was missing.

---
 src/tools/html-md-converter/html-md-converter.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/tools/html-md-converter/html-md-converter.vue b/src/tools/html-md-converter/html-md-converter.vue
index 9014adcc..bd9fa29c 100644
--- a/src/tools/html-md-converter/html-md-converter.vue
+++ b/src/tools/html-md-converter/html-md-converter.vue
@@ -4,8 +4,10 @@ import { ref } from 'vue';
 import { marked } from 'marked';
 
 import { convertHtmlToMarkdown } from './html-md-converter-service';
-import CCard from "@/ui/c-card/c-card.vue";
-import CInputText from "@/ui/c-input-text/c-input-text.vue"; // Import the service function
+
+import CCard from '@/ui/c-card/c-card.vue';
+
+import CInputText from '@/ui/c-input-text/c-input-text.vue'; // Import the service function
 
 const htmlInput = ref(''); // Reference for HTML input
 const markdownOutput = ref(''); // Reference for Markdown output
@@ -18,9 +20,9 @@ const previewHtml = computed(() => marked(markdownOutput.value));
 </script>
 
 <template>
-  <c-card>
+  <CCard>
     <!-- Input area for HTML -->
-    <c-input-text v-model:value="htmlInput" multiline placeholder="Paste your HTML here..." rows="5" />
+    <CInputText v-model:value="htmlInput" multiline placeholder="Paste your HTML here..." rows="5" />
 
     <!-- Convert button -->
     <button @click="convertHtmlToMd">
@@ -28,9 +30,9 @@ const previewHtml = computed(() => marked(markdownOutput.value));
     </button>
 
     <!-- Display area for converted Markdown -->
-    <c-input-text v-model:value="markdownOutput" multiline placeholder="Converted Markdown will appear here..." rows="5" />
+    <CInputText v-model:value="markdownOutput" multiline placeholder="Converted Markdown will appear here..." rows="5" />
 
     <!-- Preview area for converted Markdown -->
     <div v-html="previewHtml" />
-  </c-card>
+  </CCard>
 </template>