diff options
author | 2022-04-22 23:31:40 +0200 | |
---|---|---|
committer | 2022-04-22 23:31:40 +0200 | |
commit | 086d31eab5b3b1a927803eab5e650585f61abe19 (patch) | |
tree | 7c6b14d08370694f24d2b967343b37b16271bf3c /src/tools/integer-base-converter/integer-base-converter.vue | |
parent | 8e29a97404ea0aa9b9b576656358c8c276b6f992 (diff) | |
download | it-tools-086d31eab5b3b1a927803eab5e650585f61abe19.tar.gz it-tools-086d31eab5b3b1a927803eab5e650585f61abe19.tar.zst it-tools-086d31eab5b3b1a927803eab5e650585f61abe19.zip |
refactor(lint): linter auto fix
Diffstat (limited to 'src/tools/integer-base-converter/integer-base-converter.vue')
-rw-r--r-- | src/tools/integer-base-converter/integer-base-converter.vue | 80 |
1 files changed, 21 insertions, 59 deletions
diff --git a/src/tools/integer-base-converter/integer-base-converter.vue b/src/tools/integer-base-converter/integer-base-converter.vue index abda8e7..6b070bd 100644 --- a/src/tools/integer-base-converter/integer-base-converter.vue +++ b/src/tools/integer-base-converter/integer-base-converter.vue @@ -2,52 +2,26 @@ <div> <n-card> <n-input-group> - <n-input-group-label style="width: 200px;"> - Input number: - </n-input-group-label> - <n-input-number - v-model:value="inputNumber" - min="0" - /> + <n-input-group-label style="width: 200px"> Input number: </n-input-group-label> + <n-input-number v-model:value="inputNumber" min="0" /> - <n-input-group-label style="width: 200px;"> - Input base: - </n-input-group-label> - <n-input-number - v-model:value="inputBase" - max="64" - min="2" - style="width: 100px;" - /> + <n-input-group-label style="width: 200px"> Input base: </n-input-group-label> + <n-input-number v-model:value="inputBase" max="64" min="2" style="width: 100px" /> </n-input-group> <n-divider /> - - <n-input-group> - <n-input-group-label style="width: 200px;"> - Binary (2): - </n-input-group-label> - <input-copyable - :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 2 })" - readonly - /> + <n-input-group-label style="width: 200px"> Binary (2): </n-input-group-label> + <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 2 })" readonly /> </n-input-group> <n-input-group> - <n-input-group-label style="width: 200px;"> - Octale (8): - </n-input-group-label> - <input-copyable - :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 8 })" - readonly - /> + <n-input-group-label style="width: 200px"> Octale (8): </n-input-group-label> + <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 8 })" readonly /> </n-input-group> <n-input-group> - <n-input-group-label style="width: 200px;"> - Decimal (10): - </n-input-group-label> + <n-input-group-label style="width: 200px"> Decimal (10): </n-input-group-label> <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 10 })" readonly @@ -55,9 +29,7 @@ </n-input-group> <n-input-group> - <n-input-group-label style="width: 200px;"> - Hexadecimal (16): - </n-input-group-label> + <n-input-group-label style="width: 200px"> Hexadecimal (16): </n-input-group-label> <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 16 })" readonly @@ -65,24 +37,15 @@ </n-input-group> <n-input-group> - <n-input-group-label style="width: 200px;"> - Base64 (64): - </n-input-group-label> + <n-input-group-label style="width: 200px"> Base64 (64): </n-input-group-label> <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: 64 })" readonly /> </n-input-group> <n-input-group> - <n-input-group-label style="width: 90px;"> - Custom: - </n-input-group-label> - <n-input-number - v-model:value="outputBase" - style="width: 110px;" - max="64" - min="2" - /> + <n-input-group-label style="width: 90px"> Custom: </n-input-group-label> + <n-input-number v-model:value="outputBase" style="width: 110px" max="64" min="2" /> <input-copyable :value="convertBase({ value: String(inputNumber), fromBase: inputBase, toBase: outputBase })" readonly @@ -93,18 +56,17 @@ </template> <script setup lang="ts"> -import { ref } from 'vue' -import { convertBase } from './integer-base-converter.model' -import InputCopyable from "../../components/InputCopyable.vue"; - -const inputNumber = ref(42) -const inputBase = ref(10) -const outputBase = ref(42) +import { ref } from 'vue'; +import { convertBase } from './integer-base-converter.model'; +import InputCopyable from '../../components/InputCopyable.vue'; +const inputNumber = ref(42); +const inputBase = ref(10); +const outputBase = ref(42); </script> <style lang="less" scoped> .n-input-group:not(:first-child) { - margin-top: 5px; + margin-top: 5px; } -</style>
\ No newline at end of file +</style> |