vp-source-code.vue 547 B

12345678910111213141516171819202122232425262728293031
  1. <script setup lang="ts">
  2. import { computed } from 'vue'
  3. const props = defineProps({
  4. visible: {
  5. type: Boolean,
  6. required: true,
  7. },
  8. source: {
  9. type: String,
  10. required: true,
  11. },
  12. })
  13. const decoded = computed(() => {
  14. return decodeURIComponent(props.source)
  15. })
  16. </script>
  17. <template>
  18. <div v-show="visible" class="example-source-wrapper">
  19. <div class="example-source" v-html="decoded" />
  20. </div>
  21. </template>
  22. <style scoped lang="scss">
  23. :deep(.language-vue) {
  24. margin: 0 !important;
  25. border-radius: 0 !important;
  26. }
  27. </style>