fix(ProsePre): get code from DOM if code prop was missing

Author: farnabaz

src/runtime/components/prose/Pre.vue

@@ -25,7 +25,7 @@ export interface ProsePreSlots {
 </script>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, ref } from 'vue'
 import { useClipboard } from '@vueuse/core'
 import { useAppConfig } from '#imports'
 import { useComponentUI } from '../../composables/useComponentUI'
@@ -41,9 +41,16 @@ const { t } = useLocale()
 const { copy, copied } = useClipboard()
 const appConfig = useAppConfig() as ProsePre['AppConfig']
 const uiProp = useComponentUI('prose.pre', props)
+const preTemplateRef = ref<HTMLElement | null>()
 
 // eslint-disable-next-line vue/no-dupe-keys
 const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.prose?.pre || {}) })())
+
+function copyCode() {
+  const code = props.code ?? preTemplateRef.value?.textContent ?? ''
+
+  copy(code)
+}
 </script>
 
 <template>
@@ -62,9 +69,9 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.prose?.pre |
       :aria-label="t('prose.pre.copy')"
       :class="ui.copy({ class: uiProp?.copy })"
       tabindex="-1"
-      @click="copy(props.code || '')"
+      @click="copyCode"
     />
 
-    <pre :class="ui.base({ class: [uiProp?.base, props.class] })" v-bind="$attrs"><slot /></pre>
+    <pre ref="preTemplateRef" :class="ui.base({ class: [uiProp?.base, props.class] })" v-bind="$attrs"><slot /></pre>
   </div>
 </template>