lint

src/tools/jwt-parser/claim.vue

@@ -1,6 +1,6 @@
 <template>
   <n-space>
-    <i>{{ claim }}</i>
+    <em>{{ claim }}</em>
     <span v-if="label.label !== claim">
       <n-popover placement="right" trigger="hover">
         <template #trigger>
@@ -27,5 +27,3 @@ const props = defineProps({
 
 const label = computed(() => get_claim_label(props.claim ? props.claim : ''));
 </script>
-
-<style lang="less" scoped></style>

src/tools/jwt-parser/jwt-parser.vue

@@ -9,7 +9,7 @@
 
     <n-table>
       <tbody>
-        <td colspan="2" class="table-header"><b>Header</b></td>
+        <td colspan="2" class="table-header"><strong>Header</strong></td>
         <tr v-for="[key, value] in Object.entries(decodedJWT.header)" :key="key">
           <td class="claims"><claim-vue :claim="key" /></td>
           <td>
@@ -17,7 +17,7 @@
             <value-vue v-else :claim="key" :value="value" />
           </td>
         </tr>
-        <td colspan="2" class="table-header"><b>Payload</b></td>
+        <td colspan="2" class="table-header"><strong>Payload</strong></td>
         <tr v-for="[key, value] in Object.entries(decodedJWT.payload)" :key="key">
           <td class="claims"><claim-vue :claim="key" /></td>
           <td>

src/tools/jwt-parser/value.vue

@@ -1,7 +1,7 @@
 <template>
   <n-space>
     {{ value.value }}
-    <i v-if="value.extension">({{ value.extension }})</i>
+    <em v-if="value.extension">({{ value.extension }})</em>
   </n-space>
 </template>
 
@@ -22,5 +22,3 @@ const props = defineProps({
 
 const value = computed(() => parse_claim_value(props.claim, props.value));
 </script>
-
-<style lang="less" scoped></style>