diff options
Diffstat (limited to 'src/tools/url-encoder/url-encoder.vue')
-rw-r--r-- | src/tools/url-encoder/url-encoder.vue | 78 |
1 files changed, 38 insertions, 40 deletions
diff --git a/src/tools/url-encoder/url-encoder.vue b/src/tools/url-encoder/url-encoder.vue index 8b681ba..324693b 100644 --- a/src/tools/url-encoder/url-encoder.vue +++ b/src/tools/url-encoder/url-encoder.vue @@ -37,28 +37,27 @@ const { copy: copyDecoded } = useCopy({ source: decodeOutput, text: 'Decoded str <template> <c-card title="Encode"> - <n-form-item + <c-input-text + v-model:value="encodeInput" label="Your string :" - :feedback="encodedValidation.message" - :validation-status="encodedValidation.status" - > - <n-input - v-model:value="encodeInput" - type="textarea" - placeholder="The string to encode" - :autosize="{ minRows: 2 }" - /> - </n-form-item> + :validation="encodedValidation" + multiline + autosize + placeholder="The string to encode" + rows="2" + mb-3 + /> - <n-form-item label="Your string encoded :"> - <n-input - :value="encodeOutput" - type="textarea" - readonly - placeholder="Your string encoded" - :autosize="{ minRows: 2 }" - /> - </n-form-item> + <c-input-text + label="Your string encoded :" + :value="encodeOutput" + multiline + autosize + readonly + placeholder="Your string encoded" + rows="2" + mb-3 + /> <div flex justify-center> <c-button @click="copyEncoded"> @@ -67,28 +66,27 @@ const { copy: copyDecoded } = useCopy({ source: decodeOutput, text: 'Decoded str </div> </c-card> <c-card title="Decode"> - <n-form-item + <c-input-text + v-model:value="decodeInput" label="Your encoded string :" - :feedback="decodeValidation.message" - :validation-status="decodeValidation.status" - > - <n-input - v-model:value="decodeInput" - type="textarea" - placeholder="The string to decode" - :autosize="{ minRows: 2 }" - /> - </n-form-item> + :validation="decodeValidation" + multiline + autosize + placeholder="The string to decode" + rows="2" + mb-3 + /> - <n-form-item label="Your string decoded :"> - <n-input - :value="decodeOutput" - type="textarea" - readonly - placeholder="Your string decoded" - :autosize="{ minRows: 2 }" - /> - </n-form-item> + <c-input-text + label="Your string decoded :" + :value="decodeOutput" + multiline + autosize + readonly + placeholder="Your string decoded" + rows="2" + mb-3 + /> <div flex justify-center> <c-button @click="copyDecoded"> |