aboutsummaryrefslogtreecommitdiff
path: root/src/tools/html-entities/html-entities.vue
diff options
context:
space:
mode:
authorGravatar Corentin Thomasset <corentin.thomasset74@gmail.com> 2022-04-22 23:31:40 +0200
committerGravatar Corentin Thomasset <corentin.thomasset74@gmail.com> 2022-04-22 23:31:40 +0200
commit086d31eab5b3b1a927803eab5e650585f61abe19 (patch)
tree7c6b14d08370694f24d2b967343b37b16271bf3c /src/tools/html-entities/html-entities.vue
parent8e29a97404ea0aa9b9b576656358c8c276b6f992 (diff)
downloadit-tools-086d31eab5b3b1a927803eab5e650585f61abe19.tar.gz
it-tools-086d31eab5b3b1a927803eab5e650585f61abe19.tar.zst
it-tools-086d31eab5b3b1a927803eab5e650585f61abe19.zip
refactor(lint): linter auto fix
Diffstat (limited to 'src/tools/html-entities/html-entities.vue')
-rw-r--r--src/tools/html-entities/html-entities.vue47
1 files changed, 16 insertions, 31 deletions
diff --git a/src/tools/html-entities/html-entities.vue b/src/tools/html-entities/html-entities.vue
index 3fd3748..13d5b6e 100644
--- a/src/tools/html-entities/html-entities.vue
+++ b/src/tools/html-entities/html-entities.vue
@@ -1,8 +1,6 @@
<template>
<n-card title="Escape html entities">
- <n-form-item
- label="Your string :"
- >
+ <n-form-item label="Your string :">
<n-input
v-model:value="escapeInput"
type="textarea"
@@ -13,28 +11,21 @@
<n-form-item label="Your string escaped :">
<n-input
- :value="escapeOutput"
type="textarea"
readonly
placeholder="Your string escaped"
+ :value="escapeOutput"
:autosize="{ minRows: 2 }"
/>
</n-form-item>
<n-space justify="center">
- <n-button
- secondary
- @click="copyEscaped"
- >
- Copy
- </n-button>
+ <n-button secondary @click="copyEscaped"> Copy </n-button>
</n-space>
</n-card>
- <br>
+ <br />
<n-card title="Unescape html entities">
- <n-form-item
- label="Your escaped string :"
- >
+ <n-form-item label="Your escaped string :">
<n-input
v-model:value="unescapeInput"
type="textarea"
@@ -43,7 +34,7 @@
/>
</n-form-item>
- <n-form-item label="Your string unescaped :">
+ <n-form-item label="Your string unescaped :">
<n-input
:value="unescapeOutput"
type="textarea"
@@ -54,27 +45,21 @@
</n-form-item>
<n-space justify="center">
- <n-button
- secondary
- @click="copyUnescaped"
- >
- Copy
- </n-button>
+ <n-button secondary @click="copyUnescaped"> Copy </n-button>
</n-space>
</n-card>
</template>
<script setup lang="ts">
-import {escape,unescape} from 'lodash'
+import { escape, unescape } from 'lodash';
import { computed, ref } from 'vue';
- import { useCopy } from '@/composable/copy';
+import { useCopy } from '@/composable/copy';
-const escapeInput = ref('<title>IT Tool</title>')
-const escapeOutput = computed(() => escape(escapeInput.value))
-const {copy: copyEscaped} = useCopy({source: escapeOutput})
+const escapeInput = ref('<title>IT Tool</title>');
+const escapeOutput = computed(() => escape(escapeInput.value));
+const { copy: copyEscaped } = useCopy({ source: escapeOutput });
-const unescapeInput = ref('&lt;title&gt;IT Tool&lt;/title')
-const unescapeOutput = computed(() => unescape(unescapeInput.value))
-const {copy: copyUnescaped} = useCopy({source: unescapeOutput})
-</script>
- \ No newline at end of file
+const unescapeInput = ref('&lt;title&gt;IT Tool&lt;/title');
+const unescapeOutput = computed(() => unescape(unescapeInput.value));
+const { copy: copyUnescaped } = useCopy({ source: unescapeOutput });
+</script>