@storyblok/vue 7.1.3 → 7.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +27 -1
  2. package/package.json +4 -4
package/README.md CHANGED
@@ -275,7 +275,7 @@ Is equivalent to the following, using `useStoryblokBridge` and `useStoryblokApi`
275
275
 
276
276
  #### Storyblok API
277
277
 
278
- You can use an `apiOptions` object. This is passed down to the (storyblok-js-client config object](https://github.com/storyblok/storyblok-js-client#class-storyblok). For spaces created in the United States, you have to set the `region` parameter accordingly `{ apiOptions: { region: 'us' } }`.
278
+ You can use an `apiOptions` object. This is passed down to the (storyblok-js-client config object](https://github.com/storyblok/storyblok-js-client#class-storyblok).
279
279
 
280
280
  ```js
281
281
  app.use(StoryblokVue, {
@@ -294,6 +294,28 @@ If you prefer to use your own fetch method, just remove the `apiPlugin` and `sto
294
294
  app.use(StoryblokVue);
295
295
  ```
296
296
 
297
+ #### Region parameter
298
+
299
+ Possible values:
300
+
301
+ - `eu` (default): For spaces created in the EU
302
+ - `us`: For spaces created in the US
303
+ - `cn`: For spaces created in China
304
+
305
+ Full example for a space created in the US:
306
+
307
+ ```js
308
+ app.use(StoryblokVue, {
309
+ accessToken: "<your-token>",
310
+ use: [apiPlugin],
311
+ apiOptions: {
312
+ region: "us",
313
+ },
314
+ });
315
+ ```
316
+
317
+ > Note: For spaces created in the United States or China, the `region` parameter **must** be specified.
318
+
297
319
  #### Storyblok Bridge
298
320
 
299
321
  You can conditionally load it by using the `bridge` option. Very useful if you want to disable it in production:
@@ -318,6 +340,10 @@ sbBridge.on(["input", "published", "change"], (event) => {
318
340
 
319
341
  This plugin is for Vue 3. Thus, it supports the [same browsers as Vue 3](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0038-vue3-ie11-support.md). In short: all modern browsers, dropping IE support.
320
342
 
343
+ ## The Storyblok JavaScript SDK Ecosystem
344
+
345
+ ![A visual representation of the Storyblok JavaScript SDK Ecosystem](https://a.storyblok.com/f/88751/2400x1350/be4a4a4180/sdk-ecosystem.png/m/1200x0)
346
+
321
347
  ## 🔗 Related Links
322
348
 
323
349
  - **[Add a headless CMS to Vue.js in 5 minutes](https://www.storyblok.com/tp/add-a-headless-CMS-to-vuejs-in-5-minutes?utm_source=github.com&utm_medium=readme&utm_campaign=storyblok-vue)**: Quick-start guide on getting up and running with Storyblok and Vue.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storyblok/vue",
3
- "version": "7.1.3",
3
+ "version": "7.1.4",
4
4
  "description": "Storyblok directive for get editable elements.",
5
5
  "main": "./dist/storyblok-vue.js",
6
6
  "module": "./dist/storyblok-vue.mjs",
@@ -27,16 +27,16 @@
27
27
  "@storyblok/js": "^2.1.3"
28
28
  },
29
29
  "devDependencies": {
30
- "@babel/core": "^7.21.3",
30
+ "@babel/core": "^7.21.4",
31
31
  "@cypress/vite-dev-server": "^5.0.5",
32
32
  "@cypress/vue": "^5.0.5",
33
33
  "@vitejs/plugin-vue": "^4.1.0",
34
34
  "@vue/babel-preset-app": "^5.0.8",
35
- "@vue/test-utils": "2.3.1",
35
+ "@vue/test-utils": "2.3.2",
36
36
  "@vue/tsconfig": "^0.1.3",
37
37
  "@vue/vue3-jest": "^29.2.3",
38
38
  "babel-jest": "^29.4.3",
39
- "cypress": "^12.8.1",
39
+ "cypress": "^12.10.0",
40
40
  "eslint-plugin-cypress": "^2.13.2",
41
41
  "eslint-plugin-jest": "^27.2.1",
42
42
  "jest": "^29.4.3",