|
147 | 147 | </v-expansion-panel-header> |
148 | 148 | <v-expansion-panel-content> |
149 | 149 | <json-viewer |
150 | | - :value="JSON.parse(extension.permissions ?? '{}')" |
| 150 | + :value="parsed_permissions" |
151 | 151 | :expand-depth="5" |
152 | 152 | :show-array-index="false" |
153 | 153 | :show-double-quotes="true" |
|
166 | 166 | </v-expansion-panel-header> |
167 | 167 | <v-expansion-panel-content> |
168 | 168 | <json-viewer |
169 | | - :value="JSON.parse(extension.user_permissions ?? '{}')" |
| 169 | + :value="parsed_user_permissions" |
170 | 170 | :expand-depth="5" |
171 | 171 | :show-array-index="false" |
172 | 172 | :show-double-quotes="true" |
@@ -233,6 +233,7 @@ import Vue, { PropType } from 'vue' |
233 | 233 | import SpinningLogo from '@/components/common/SpinningLogo.vue' |
234 | 234 | import settings from '@/libs/settings' |
235 | 235 | import system_information from '@/store/system-information' |
| 236 | +import { JSONValue } from '@/types/common' |
236 | 237 | import { ExtensionData, InstalledExtensionData } from '@/types/kraken' |
237 | 238 | import { Disk } from '@/types/system-information/system' |
238 | 239 | import { prettifySize } from '@/utils/helper_functions' |
@@ -317,6 +318,12 @@ export default Vue.extend({ |
317 | 318 |
|
318 | 319 | return this.extension.tag === latest ? false : latest |
319 | 320 | }, |
| 321 | + parsed_user_permissions(): JSONValue { |
| 322 | + return JSON.parse(this.extension.user_permissions ?? '{}') |
| 323 | + }, |
| 324 | + parsed_permissions(): JSONValue { |
| 325 | + return JSON.parse(this.extension.permissions ?? '{}') |
| 326 | + }, |
320 | 327 | }, |
321 | 328 | methods: { |
322 | 329 | prettifySize(size_kb: number) { |
|
0 commit comments