@storyblok/vue 8.1.6 → 8.1.8

package/dist/types.d.ts

@@ -1,13 +1,12 @@
-import type { SbBlokData, SbSDKOptions } from "@storyblok/js";
-import type StoryblokComponent from "./StoryblokComponent.vue";
-import type { StoryblokRichTextDocumentNode, StoryblokRichTextResolvers } from "@storyblok/js";
-import type { VNode } from "vue";
-declare module "@vue/runtime-core" {
+import { SbBlokData, SbSDKOptions, StoryblokRichTextDocumentNode, StoryblokRichTextResolvers } from '@storyblok/js';
+import { default as StoryblokComponent } from './components/StoryblokComponent.vue';
+import { VNode } from 'vue';
+declare module 'vue' {
     interface GlobalComponents {
         StoryblokComponent: typeof StoryblokComponent;
     }
 }
-export type { ISbConfig, ISbCache, ISbResult, ISbResponse, ISbError, ISbNode, ISbSchema, AsyncFn, ArrayFn, ISbContentMangmntAPI, ISbManagmentApiResult, ISbStories, ISbStory, ISbDimensions, StoryblokComponentType, ISbStoryData, ISbAlternateObject, ISbStoriesParams, ISbStoryParams, SbBlokData, SbBlokKeyDataTypes, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokBridgeV2, StoryblokClient, StoryblokRichTextDocumentNode, StoryblokRichTextNodeTypes, StoryblokRichTextNode, StoryblokRichTextResolvers, StoryblokRichTextNodeResolver, StoryblokRichTextImageOptimizationOptions, } from "@storyblok/js";
+export type { ArrayFn, AsyncFn, ISbAlternateObject, ISbCache, ISbConfig, ISbContentMangmntAPI, ISbDimensions, ISbError, ISbManagmentApiResult, ISbNode, ISbResponse, ISbResult, ISbSchema, ISbStories, ISbStoriesParams, ISbStory, ISbStoryData, ISbStoryParams, SbBlokData, SbBlokKeyDataTypes, SbSDKOptions, StoryblokBridgeConfigV2, StoryblokBridgeV2, StoryblokClient, StoryblokComponentType, StoryblokRichTextDocumentNode, StoryblokRichTextImageOptimizationOptions, StoryblokRichTextNode, StoryblokRichTextNodeResolver, StoryblokRichTextNodeTypes, StoryblokRichTextResolvers, } from '@storyblok/js';
 export interface SbVueSDKOptions extends SbSDKOptions {
     /**
      * Show a fallback component in your frontend if a component is not registered properly.

package/dist/vue.css

@@ -0,0 +1,7 @@
+/**
+ * name: @storyblok/vue
+ * (c) 2024
+ * description: SDK to integrate Storyblok into your project using Vue.
+ * author: Storyblok
+ */
+.fallback-component[data-v-9abcd1f2]{display:inline-flex;background-color:#eff1f3;text-align:center;padding:15px 30px;border-radius:5px}span.component[data-v-9abcd1f2]{color:#00b3b0;font-weight:700}

package/package.json

@@ -1,94 +1,90 @@
 {
   "name": "@storyblok/vue",
-  "version": "8.1.6",
-  "description": "Storyblok directive for get editable elements.",
+  "type": "module",
+  "version": "8.1.8",
+  "packageManager": "pnpm@9.12.2",
+  "description": "SDK to integrate Storyblok into your project using Vue.",
+  "author": "Storyblok",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storyblok/storyblok-vue"
+  },
+  "bugs": {
+    "url": "https://github.com/storyblok/storyblok-vue/issues"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./rsc": {
+      "types": "./dist/rsc/index.d.ts",
+      "import": "./dist/rsc.mjs",
+      "require": "./dist/rsc.js"
+    }
+  },
   "main": "./dist/storyblok-vue.js",
   "module": "./dist/storyblok-vue.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
-  "exports": {
-    ".": {
-      "import": "./dist/storyblok-vue.mjs",
-      "require": "./dist/storyblok-vue.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly",
-    "test": "npm run test:unit && npm run test:e2e",
-    "test:unit": "jest __tests__",
-    "test:e2e": "cypress run --component",
-    "test:e2e-watch": "cypress open --component",
-    "prepublishOnly": "npm run build && cp ../README.md ./"
+    "playground": "pnpm run --filter ./playground/vue dev",
+    "test": "pnpm run cy:components",
+    "build": "vite build ",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "cy:run": "cypress run",
+    "cy:open": "cypress open",
+    "cy:components": "cypress run-ct"
+  },
+  "peerDependencies": {
+    "vue": ">=3.4"
   },
   "dependencies": {
-    "@storyblok/js": "^3.1.9"
+    "@storyblok/js": "3.2.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@cypress/vite-dev-server": "^5.2.1",
-    "@cypress/vue": "^6.0.1",
-    "@vitejs/plugin-vue": "^5.2.0",
-    "@vue/babel-preset-app": "^5.0.8",
-    "@vue/test-utils": "2.4.6",
-    "@vue/tsconfig": "^0.1.3",
-    "@vue/vue3-jest": "^29.2.6",
-    "babel-jest": "^29.7.0",
-    "cypress": "^13.16.0",
-    "eslint-plugin-cypress": "^2.15.2",
-    "eslint-plugin-jest": "^28.9.0",
-    "jest": "^29.7.0",
-    "typescript": "^4.9.5",
-    "vite": "^5.4.11",
+    "@commitlint/cli": "^19.6.1",
+    "@commitlint/config-conventional": "^19.6.0",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@storyblok/eslint-config": "^0.3.0",
+    "@types/node": "^22.10.2",
+    "@typescript-eslint/parser": "^8.18.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "cypress": "^13.17.0",
+    "eslint": "^9.17.0",
+    "eslint-plugin-vue": "^9.32.0",
+    "kolorist": "^1.8.0",
+    "pathe": "^1.1.2",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.3",
+    "vite-plugin-banner": "^0.8.0",
+    "vite-plugin-dts": "^4.3.0",
+    "vitest": "^2.1.8",
     "vue": "^3.5.13",
-    "vue-tsc": "^1.8.27"
+    "vue-router": "^4.5.0",
+    "vue-tsc": "^2.1.10"
   },
-  "babel": {
-    "presets": [
-      "@vue/babel-preset-app"
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
     ]
   },
-  "jest": {
-    "moduleFileExtensions": [
-      "js",
-      "json",
-      "vue"
-    ],
-    "transform": {
-      "^.+\\.js$": "babel-jest",
-      "^.+\\.vue$": "@vue/vue3-jest"
-    }
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/storyblok/storyblok-vue"
-  },
-  "keywords": [
-    "vue",
-    "storyblok"
-  ],
-  "author": "Alexander Feiglstorfer",
-  "bugs": {
-    "url": "https://github.com/storyblok/storyblok-vue/issues"
-  },
-  "homepage": "https://github.com/storyblok/storyblok-vue",
   "release": {
     "branches": [
-      "main",
-      {
-        "name": "next",
-        "prerelease": true
-      },
-      {
-        "name": "beta",
-        "prerelease": true
-      }
+      "main"
     ]
   },
   "publishConfig": {
     "access": "public"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint",
+    "pre-push": "pnpm commitlint --last --verbose"
   }
 }

package/dist/FallbackComponent.vue.d.ts

@@ -1,15 +0,0 @@
-import type { SbBlokData } from "./types";
-export interface SbComponentProps {
-    blok: SbBlokData;
-}
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/StoryblokComponent.vue.d.ts

@@ -1,14 +0,0 @@
-import type { SbComponentProps } from "./types";
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>, {
-    value: import("vue").Ref<any, any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SbComponentProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/cypress/support/component.d.ts

@@ -1,8 +0,0 @@
-import { mount } from "cypress/vue";
-declare global {
-    namespace Cypress {
-        interface Chainable {
-            mount: typeof mount;
-        }
-    }
-}

package/dist/cypress/support/e2e.d.ts

@@ -1 +0,0 @@
-import "./commands";

package/dist/cypress.config.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="cypress" />
-declare const _default: Cypress.ConfigOptions<any>;
-export default _default;

package/dist/style.css

@@ -1 +0,0 @@
-.fallback-component[data-v-93c770c0]{display:inline-flex;background-color:#eff1f3;text-align:center;padding:15px 30px;border-radius:5px}span.component[data-v-93c770c0]{color:#00b3b0;font-weight:700}