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

feat: externalized tool configuration

Browse source
This commit is contained in:
Corentin Thomasset 2021-05-28 19:44:27 +02:00
parent c3adfe30ec
commit 690bd099ef
No known key found for this signature in database
GPG key ID: DBD997E935996158
31 changed files with 387 additions and 300 deletions
Download patch file Download diff file Expand all files Collapse all files

60
pages/tools/converter/base64-string-converter.vue
View file

@ -1,60 +0,0 @@
<template>
<ToolWrapper :config="config()">
<v-textarea
v-model="clearText"
outlined
label="Clear text"
/>
<v-textarea
v-model="base64Text"
outlined
readonly
label="Base64 text"
/>
<div class="text-center">
<v-btn depressed @click="copy(clearText)">
Copy clear
</v-btn>
<v-btn depressed @click="copy(base64Text)">
Copy hash
</v-btn>
</div>
</ToolWrapper>
</template>
<script lang="ts">
import {Component} from 'nuxt-property-decorator'
import {CopyableMixin} from '~/mixins/copyable.mixin'
import Tool from '~/components/Tool.vue'
import type {ToolConfig} from '~/types/ToolConfig'
import {base64ToString, stringToBase64} from '~/utils/convert'
@Component({
mixins: [CopyableMixin]
})
export default class Base64StringConverter extends Tool {
config(): ToolConfig {
return {
title: 'Base64 string converter',
description: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus distinctio dolor dolorum eaque eligendi, facilis impedit laboriosam odit placeat.',
icon: 'mdi-text-box-outline',
keywords: ['base64', 'base', '64', 'converter']
}
}
clearText = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'
get base64Text() {
return stringToBase64(this.clearText)
}
set base64Text(value: string) {
this.clearText = base64ToString(value)
}
}
</script>
<style scoped>
</style>