Sometimes I need to check values in JS instead of HTML. In that case, using the composition API would be nice. Here's some code I wrote for my own version of a responsive value, maybe something like this could work?

    isEnabled(key, defaultValue, options) {
      const returnValue = ref(defaultValue)

      if (!configCatClient) return returnValue

      configCatClient
        .getValueAsync(key, false, options.user)
        .then((value) => {
          returnValue.value = value
        })
        .catch((error) => {
          captureException(error)
        })

      return returnValue
    },

Thank you for making this library! It really helped us setting up the configcat in our Vue application ❤️

I have noticed tho that it is not refreshing the flag without refreshing the page.

The component adds extra divs, which use default styling and make it hard to style things. For example, if I need everything to have 100% width, I can't do that, because the component has https://github.com/codedbychavez/configcat-vue/blob/main/src/components/FeatureWrapper.vue#L3.

There's probably a few options for how to approach an alternative, happy to pair on it if you need

We need to write unit & e2e tests that cover both states of the feature flipper. How do we do that? Can we just follow these instructions and the overrides will apply to the Vue component's state? Is there another way to force the value to be something? Would need to be at runtime, e.g. in the browser, I think.