Integrations/Nuxt

Nuxt

Same as Vue. Use ClientOnly for SSR.

<script setup>
import { Zine } from '@zinejs/core'
import { PdfSource } from '@zinejs/pdf'

const el = ref(null)
onMounted(() => {
  new Zine(el.value, { source: new PdfSource('https://zinejs.com/pdf/sample.pdf') })
})
</script>

<template>
  <ClientOnly>
    <div ref="el" />
  </ClientOnly>
</template>