diff --git a/website/docs/sdk-reference/community/vue.mdx b/website/docs/sdk-reference/community/vue.mdx index 093d1f90..ad2fb178 100644 --- a/website/docs/sdk-reference/community/vue.mdx +++ b/website/docs/sdk-reference/community/vue.mdx @@ -1,7 +1,7 @@ --- id: vue title: ConfigCat SDK for Vue.js -description: Unofficial Vue SDK for ConfigCat Feature Flags. Based on ConfigCat's JavaScript SDK. +description: Unofficial Vue SDK for ConfigCat feature flags. Based on ConfigCat's JavaScript SDK. --- export const VueSchema = require('@site/src/schema-markup/sdk-reference/community/vue.json'); @@ -65,7 +65,7 @@ Pass the feature flag key as a prop: ``` -Optionally, the `FeatureWrapper` component also provides an `#else` and `#loading` template. Components or HTML elements can be included within these templates that would display when the feature flag is **turned off** or **loading** respectively. +Optionally, the `FeatureWrapper` component also provides `#else` and `#loading` templates. Components or HTML elements can be included within these templates that would display when the feature flag is **turned off** or **loading** respectively. ```html See documentation [here](../../advanced/caching.mdx). @@ -121,7 +121,7 @@ You may want to log the actions of the underlying ConfigCat SDK client. To do th > See documentation [here](../js/browser.mdx#logging). -Add `createConsoleLogger`, and `LogLevel` to your import: +Add `createConsoleLogger` and `LogLevel` to your import: ```js import { createConsoleLogger, LogLevel } from "configcat-vue"; @@ -149,8 +149,8 @@ app.use(ConfigCatPlugin, { | ----- | ------------------------------------------------------- | | Off | Nothing gets logged. | | Error | Only error level events are logged. | -| Warn | Default. Errors and Warnings are logged. | -| Info | Errors, Warnings and feature flag evaluation is logged. | +| Warn | Default. Errors and warnings are logged. | +| Info | Errors, warnings and feature flag evaluations are logged. | | Debug | All of the above plus debug info is logged. | ### Specifying a User Object @@ -168,7 +168,7 @@ import { User } from 'configcat-vue'; // Define the User Object const user = { identifier: 'john@example.com' }; -const userObject = ref(user) +const userObject = ref(user); ``` @@ -187,7 +187,7 @@ Pass it to the `FeatureWrapper` component: ### Listening to flag changes emitted from the FeatureWrapper component -When a feature flag is toggled ON or OFF in the [ConfigCat Dashboard](https://app.configcat.com) the `FeatureWrapper` component emits the updated feature flag value. How quickly the updated value is emitted depends on the polling interval set in the `clientOptions` property of the `ConfigCatPlugin`. +When a feature flag is toggled ON or OFF in the [ConfigCat Dashboard](https://app.configcat.com), the `FeatureWrapper` component emits the updated feature flag value. How quickly the updated value is emitted depends on the polling interval set in the `clientOptions` property of the `ConfigCatPlugin`. Listen and handle changes using `@flag-value-changed`: diff --git a/website/versioned_docs/version-V1/sdk-reference/community/vue.mdx b/website/versioned_docs/version-V1/sdk-reference/community/vue.mdx index 0ab439a5..d5be7e20 100644 --- a/website/versioned_docs/version-V1/sdk-reference/community/vue.mdx +++ b/website/versioned_docs/version-V1/sdk-reference/community/vue.mdx @@ -1,7 +1,7 @@ --- id: vue title: ConfigCat SDK for Vue.js -description: Unofficial Vue SDK for ConfigCat Feature Flags. Based on ConfigCat's JavaScript SDK. +description: Unofficial Vue SDK for ConfigCat feature flags. Based on ConfigCat's JavaScript SDK. --- export const VueSchema = require('@site/src/schema-markup/sdk-reference/community/vue.json'); @@ -65,7 +65,7 @@ Pass the feature flag key as a prop: ``` -Optionally, the `FeatureWrapper` component also provides an `#else` and `#loading` template. Components or HTML elements can be included within these templates that would display when the feature flag is **turned off** or **loading** respectively. +Optionally, the `FeatureWrapper` component also provides `#else` and `#loading` templates. Components or HTML elements can be included within these templates that would display when the feature flag is **turned off** or **loading** respectively. ```html See documentation [here](../../advanced/caching.mdx). @@ -121,7 +121,7 @@ You may want to log the actions of the underlying ConfigCat SDK client. To do th > See documentation [here](../js.mdx#logging). -Add `createConsoleLogger`, and `LogLevel` to your import: +Add `createConsoleLogger` and `LogLevel` to your import: ```js import { createConsoleLogger, LogLevel } from "configcat-vue"; @@ -149,8 +149,8 @@ app.use(ConfigCatPlugin, { | ----- | ------------------------------------------------------- | | Off | Nothing gets logged. | | Error | Only error level events are logged. | -| Warn | Default. Errors and Warnings are logged. | -| Info | Errors, Warnings and feature flag evaluation is logged. | +| Warn | Default. Errors and warnings are logged. | +| Info | Errors, warnings and feature flag evaluations are logged. | | Debug | All of the above plus debug info is logged. | ### Specifying a User Object @@ -168,7 +168,7 @@ import { User } from 'configcat-vue'; // Define the User Object const user = new User('john@example.com'); -const userObject = ref(user) +const userObject = ref(user); ``` @@ -187,7 +187,7 @@ Pass it to the `FeatureWrapper` component: ### Listening to flag changes emitted from the FeatureWrapper component -When a feature flag is toggled ON or OFF in the [ConfigCat Dashboard](https://app.configcat.com) the `FeatureWrapper` component emits the updated feature flag value. How quickly the updated value is emitted depends on the polling interval set in the `clientOptions` property of the `ConfigCatPlugin`. +When a feature flag is toggled ON or OFF in the [ConfigCat Dashboard](https://app.configcat.com), the `FeatureWrapper` component emits the updated feature flag value. How quickly the updated value is emitted depends on the polling interval set in the `clientOptions` property of the `ConfigCatPlugin`. Listen and handle changes using `@flag-value-changed`: