mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-05 13:57:10 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(style): updated linter config

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-15 23:10:47 +02:00
parent 39746e07c5
commit 6b58ec554a
No known key found for this signature in database
GPG key ID: DBD997E935996158
27 changed files with 1144 additions and 571 deletions
Download patch file Download diff file Expand all files Collapse all files

69
src/tools/roman-numeral-converter/roman-numeral-converter.vue
View file

@ -1,26 +1,51 @@
<template>
<div>
<n-card title="Arabic to roman">
<n-space align="center" justify="space-between">
<n-input-number
v-model:value="inputNumeral"
:min="1"
style="width: 200px;"
:show-button="false"
/>
<div class="result">{{ outputRoman }}</div>
<n-button @click="copyRoman" secondary autofocus>Copy</n-button>
</n-space>
</n-card>
<br />
<n-card title="Roman to arabic">
<n-space align="center" justify="space-between">
<n-input v-model:value="inputRoman" style="width: 200px;" />
<div class="result">{{ outputNumeral }}</div>
<n-button @click="copyArabic" secondary autofocus>Copy</n-button>
</n-space>
</n-card>
</div>
<div>
<n-card title="Arabic to roman">
<n-space
align="center"
justify="space-between"
>
<n-input-number
v-model:value="inputNumeral"
:min="1"
style="width: 200px;"
:show-button="false"
/>
<div class="result">
{{ outputRoman }}
</div>
<n-button
secondary
autofocus
@click="copyRoman"
>
Copy
</n-button>
</n-space>
</n-card>
<br>
<n-card title="Roman to arabic">
<n-space
align="center"
justify="space-between"
>
<n-input
v-model:value="inputRoman"
style="width: 200px;"
/>
<div class="result">
{{ outputNumeral }}
</div>
<n-button
secondary
autofocus
@click="copyArabic"
>
Copy
</n-button>
</n-space>
</n-card>
</div>
</template>
<script setup lang="ts">