Added syntax highlighting to TextareaCopyable component, some ui adjustments in docker-run-to-docker-compose-converter.vue
This commit is contained in:
parent
76a79af0b7
commit
804d497bd1
@ -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<{
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user