Pass component into hyperscript

pages/blog/[slug].vue

@@ -2,6 +2,7 @@
 import { formatDate } from 'date-fns'
 import chestAnimation from '~/assets/images/chest.webp'
 import { render } from 'vue'
+import { CodeControls } from '#components'
 
 const config = useAppConfig()
 const route = useRoute()
@@ -80,12 +81,7 @@ onMounted(() => {
     })
 
   content.value?.querySelectorAll('pre').forEach((pre: HTMLElement) => {
-    const icon = h('iconify-icon', {
-      icon: 'mdi:content-copy',
-      inline: true,
-      class: 'button',
-      onClick: () => clipboard(pre),
-    })
+    const icon = h(CodeControls)
 
     render(icon, pre)
   })