Unknown custom element: <picker-area> - did you register the component correctly? For recursive components

[Roqii]

I'm developing the project with Nuxt But this happens with reference to 'vue-emoji-mart- picker'

[tungquach]

Hi @Roqii , did you register it on components:

<template>
  <div>
    <picker-area />
  </div>
</template>

<script>
  import PickerArea from 'vue-emoji-mart-picker'

  export default {
    components: {
      PickerArea,
    },
  }
</script>

[Roqii]

After registration,but the page CPU was 100% occupied, and the error "document is not defined" appeared

[tungquach]

@Roqii If you're using Nuxt, you might config it on client side plugin (https://nuxtjs.org/guide/plugins/#client-side-only) or use no-ssr component (https://nuxtjs.org/api/components-no-ssr#the-lt-no-ssr-gt-component)

[Roqii]

`

` That's right. My problem was solved. Thank you