Nuxt 3 support

Any plans on Nuxt 3 support? I’m now getting errors

[nuxt] [request error] [unhandled] [500] window is not defined
  at $id_hUmYHrepnE (/C:/frontend/.nuxt/dist/server/server.mjs:7890:5)    
  at async __instantiateModule__ (/C:/frontend/.nuxt/dist/server/server.mjs:121789:3)

[waysagency]

Alright I’ve got it working now. Had to add the package to build.transpile.

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
  build: {
    transpile: ["vue-qr", "@diadal/vue3-qr-code-styling"],
  },
});

But now I have some issues with the appearence of the qr code.

Here is my code

<script setup lang="ts">
import vueQr from "vue-qr/src/packages/vue-qr.vue";

const ComponentOptions = reactive({
  data: {
    scale: 1,
  },
  timing: {
    scale: 1,
    protectors: true,
  },
  alignment: {
    scale: 0.5,
    protectors: true,
  },
  cornerAlignment: {
    scale: 0.5,
    protectors: true,
  },
});
</script>

<template>
  <div>
    <ClientOnly>
      <vueQr text="https://test.nl/" :size="500" :components="ComponentOptions"></vueQr>
    </ClientOnly>
  </div>
</template>

And this is what it looks like

[Binaryify]

plz set cornerAlignment’s scale to 1