Implementing Defog in Vue, using veaury

Defog.vue

<template>
  <Defog
    maxWidth="100%"
    maxHeight="100%"
    apiEndpoint="https://test-defog-ikcpfh5tva-uc.a.run.app"
    buttonText="Ask Defog"
    personality="sarcastic and aloof"
    debugMode={true}
    apiKey="test"
  />
</template>

<script>
import {applyReactInVue} from 'veaury'
import { AskDefogChat } from "defog-components"

export default {
  components: {
    // Use HOC 'applyReactInVue'
    Defog: applyReactInVue(AskDefogChat)
  }
}
</script>