aboutsummaryrefslogtreecommitdiff
path: root/src/tools/jwt-parser/value.vue
diff options
context:
space:
mode:
authorGravatar bastantoine <bastien.antoine69+github@gmail.com> 2022-12-27 09:38:35 +0100
committerGravatar GitHub <noreply@github.com> 2022-12-27 09:38:35 +0100
commitacc7f0a586c64500c5f720e70cdbccf9bffe76d9 (patch)
tree0d1303641ec9d10821f108010e2cec4c9a8f50f9 /src/tools/jwt-parser/value.vue
parentebb7301a98cf4ad29334393853428f097c1b1ed3 (diff)
downloadit-tools-acc7f0a586c64500c5f720e70cdbccf9bffe76d9.tar.gz
it-tools-acc7f0a586c64500c5f720e70cdbccf9bffe76d9.tar.zst
it-tools-acc7f0a586c64500c5f720e70cdbccf9bffe76d9.zip
feat(new-tool): jwt parser (#262)
* npm install jwt-decode * added base tool structure * added function to decode JWT and display header and payload * use a table to display the data * show human readable values * added switch to toggle display of parsed values * lint * replaced basic package-lock.json with pnpm-lock.json * change the icon of the tool * simplify return * use camelCase * added description of the tool * always parse the values * use camelCase...
Diffstat (limited to 'src/tools/jwt-parser/value.vue')
-rw-r--r--src/tools/jwt-parser/value.vue24
1 files changed, 24 insertions, 0 deletions
diff --git a/src/tools/jwt-parser/value.vue b/src/tools/jwt-parser/value.vue
new file mode 100644
index 0000000..82c1042
--- /dev/null
+++ b/src/tools/jwt-parser/value.vue
@@ -0,0 +1,24 @@
+<template>
+ <n-space>
+ {{ value.value }}
+ <em v-if="value.extension">({{ value.extension }})</em>
+ </n-space>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { parseClaimValue } from './jwt-parser.service';
+
+const props = defineProps({
+ claim: {
+ type: String,
+ default: '',
+ },
+ value: {
+ type: String,
+ default: '',
+ },
+});
+
+const value = computed(() => parseClaimValue(props.claim, props.value));
+</script>