mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-08 02:01:48 +08:00
32 lines
516 B
Vue
32 lines
516 B
Vue
<template>
|
|
<pre data-testid="pre" :style="style">{{ text }}</pre>
|
|
</template>
|
|
|
|
<script>
|
|
import { reactive, computed } from 'vue';
|
|
|
|
export default {
|
|
name: 'my-pre',
|
|
|
|
props: {
|
|
style: {
|
|
type: Object,
|
|
},
|
|
object: {
|
|
type: Object,
|
|
},
|
|
text: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
},
|
|
|
|
setup(props, { emit }) {
|
|
props = reactive(props);
|
|
return {
|
|
text: computed(() => (props.object ? JSON.stringify(props.object, null, 2) : props.text)),
|
|
};
|
|
},
|
|
};
|
|
</script>
|