field-plugin icon indicating copy to clipboard operation
field-plugin copied to clipboard

Vue3 plugin options from useFieldPlugin hook is `undefined`

Open vickywane opened this issue 1 year ago • 2 comments

Describe the bug The options object from the useFieldPlugin is continuously undefined in my field plugins. I logged out the type also and I can see that it's stuck in a loading value.

I'm experiencing this on with the version "@storyblok/field-plugin": "1.0.1" and "vue": "^3.2.47". I also created a new project using version "@storyblok/field-plugin": "1.0.2",.

I really would love to get a fix for this as we need to use the same plugin for multiple StoryBlok spaces so we are relying on the options to switch the credentials.

To Reproduce Steps to reproduce the behavior:

Log out the options object from the useFieldPlugin as shown below;

  <script setup lang="ts">
  import type { SetModalOpen } from '@storyblok/field-plugin'
  import { useFieldPlugin } from '@storyblok/field-plugin/vue3';
  
  const { data: pluginData, type: pluginType } = useFieldPlugin()
  
  console.log("PLUGIN OPTIONS", pluginData?.options);
  
  const props = defineProps<{
    isModalOpen: boolean
    setModalOpen: SetModalOpen<any>
  }>()
  </script>

Expected behavior The options object should have the properties defined in the following field-plugin.config.json` file;

{
  "options": [
    {
      "name": "API_URL",
      "value": ""
    },
      {
        "name": "API_KEY",
        "value": ""
      }
  ]
}

Screenshots

Screenshot 2024-02-17 at 12 58 16

Additional context

vickywane avatar Feb 17 '24 13:02 vickywane