Added syntax highlighting to TextareaCopyable component, some ui adjustments in docker-run-to-docker-compose-converter.vue

This commit is contained in:
Carsten Götzinger 2023-03-27 17:21:28 +02:00
parent 76a79af0b7
commit 804d497bd1
2 changed files with 5 additions and 3 deletions

View file

@ -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<{

View file

@ -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">