aboutsummaryrefslogtreecommitdiff
path: root/src/tools/integer-base-converter/integer-base-converter.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/integer-base-converter/integer-base-converter.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/integer-base-converter/integer-base-converter.vue')
-rw-r--r--src/tools/integer-base-converter/integer-base-converter.vue80
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>