From 804d497bd1305eadba443dba848821fa7fa7d7b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carsten=20G=C3=B6tzinger?= <carsten.goetzinger@concedro.com>
Date: Mon, 27 Mar 2023 17:21:28 +0200
Subject: [PATCH] Added syntax highlighting to TextareaCopyable component, some
 ui adjustments in docker-run-to-docker-compose-converter.vue

---
 src/components/TextareaCopyable.vue                         | 2 ++
 .../docker-run-to-docker-compose-converter.vue              | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/TextareaCopyable.vue b/src/components/TextareaCopyable.vue
index 12d189e5..4bc09f43 100644
--- a/src/components/TextareaCopyable.vue
+++ b/src/components/TextareaCopyable.vue
@@ -34,11 +34,13 @@ import hljs from 'highlight.js/lib/core';
 import jsonHljs from 'highlight.js/lib/languages/json';
 import sqlHljs from 'highlight.js/lib/languages/sql';
 import xmlHljs from 'highlight.js/lib/languages/xml';
+import yamlHljs from 'highlight.js/lib/languages/yaml';
 import { ref, toRefs } from 'vue';
 
 hljs.registerLanguage('sql', sqlHljs);
 hljs.registerLanguage('json', jsonHljs);
 hljs.registerLanguage('html', xmlHljs);
+hljs.registerLanguage('yaml', yamlHljs);
 
 const props = withDefaults(
   defineProps<{
diff --git a/src/tools/docker-run-to-docker-compose-converter/docker-run-to-docker-compose-converter.vue b/src/tools/docker-run-to-docker-compose-converter/docker-run-to-docker-compose-converter.vue
index b44a81bb..583bd580 100644
--- a/src/tools/docker-run-to-docker-compose-converter/docker-run-to-docker-compose-converter.vue
+++ b/src/tools/docker-run-to-docker-compose-converter/docker-run-to-docker-compose-converter.vue
@@ -1,6 +1,6 @@
 <template>
-  <n-card>
-    <n-form-item label="Your docker run command:">
+  <div>
+    <n-form-item label="Your docker run command:" :show-feedback="false">
       <n-input
         v-model:value="dockerRun"
         style="font-family: monospace"
@@ -18,7 +18,7 @@
     <n-space justify="center">
       <n-button :disabled="dockerCompose === ''" secondary @click="download"> Download docker-compose.yml </n-button>
     </n-space>
-  </n-card>
+  </div>
 </template>
 
 <script setup lang="ts">