mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-08 23:25:03 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
src/components/TextareaCopyable.vue
View file

@ -34,11 +34,13 @@ import hljs from 'highlight.js/lib/core';
import jsonHljs from 'highlight.js/lib/languages/json'; import jsonHljs from 'highlight.js/lib/languages/json';
import sqlHljs from 'highlight.js/lib/languages/sql'; import sqlHljs from 'highlight.js/lib/languages/sql';
import xmlHljs from 'highlight.js/lib/languages/xml'; import xmlHljs from 'highlight.js/lib/languages/xml';
import yamlHljs from 'highlight.js/lib/languages/yaml';
import { ref, toRefs } from 'vue'; import { ref, toRefs } from 'vue';
hljs.registerLanguage('sql', sqlHljs); hljs.registerLanguage('sql', sqlHljs);
hljs.registerLanguage('json', jsonHljs); hljs.registerLanguage('json', jsonHljs);
hljs.registerLanguage('html', xmlHljs); hljs.registerLanguage('html', xmlHljs);
hljs.registerLanguage('yaml', yamlHljs);
const props = withDefaults( const props = withDefaults(
defineProps<{ defineProps<{

6
src/tools/docker-run-to-docker-compose-converter/docker-run-to-docker-compose-converter.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<n-card> <div>
<n-form-item label="Your docker run command:"> <n-form-item label="Your docker run command:" :show-feedback="false">
<n-input <n-input
v-model:value="dockerRun" v-model:value="dockerRun"
style="font-family: monospace" style="font-family: monospace"
@ -18,7 +18,7 @@
<n-space justify="center"> <n-space justify="center">
<n-button :disabled="dockerCompose === ''" secondary @click="download"> Download docker-compose.yml </n-button> <n-button :disabled="dockerCompose === ''" secondary @click="download"> Download docker-compose.yml </n-button>
</n-space> </n-space>
</n-card> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">