mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-25 09:16:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(lint): linter auto fix

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-22 23:31:40 +02:00
parent 8e29a97404
commit 086d31eab5
No known key found for this signature in database
GPG key ID: DBD997E935996158
54 changed files with 1122 additions and 1503 deletions
Download patch file Download diff file Expand all files Collapse all files

80
src/tools/integer-base-converter/integer-base-converter.vue
View file

@ -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>
</style>