@storyblok/nuxt 5.6.1 → 5.6.3
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.
- package/dist/module.cjs +5 -0
- package/dist/module.d.ts +13 -0
- package/dist/module.json +5 -0
- package/{src/module.ts → dist/module.mjs} +19 -47
- package/dist/runtime/composables/useAsyncStoryblok.d.ts +2 -0
- package/{src/runtime/composables/useAsyncStoryblok.ts → dist/runtime/composables/useAsyncStoryblok.mjs} +6 -14
- package/dist/runtime/plugin.d.ts +2 -0
- package/{src/runtime/plugin.ts → dist/runtime/plugin.mjs} +0 -1
- package/dist/types.d.ts +15 -0
- package/package.json +4 -1
- package/.editorconfig +0 -12
- package/.eslintignore +0 -3
- package/.eslintrc +0 -7
- package/.github/ISSUE_TEMPLATE/config.yml +0 -1
- package/.github/ISSUE_TEMPLATE/issue.bug.yml +0 -68
- package/.github/ISSUE_TEMPLATE/issue.fr.yml +0 -40
- package/.github/dependabot.yml +0 -11
- package/.github/workflows/dependabot-automerge.yml +0 -28
- package/.github/workflows/release.yml +0 -30
- package/.husky/commit-msg +0 -6
- package/.husky/pre-commit +0 -4
- package/.nuxtrc +0 -1
- package/.prettierignore +0 -1
- package/cypress/.eslintrc +0 -3
- package/cypress/e2e/index.cy.ts +0 -34
- package/cypress/fixtures/stories.json +0 -7
- package/cypress/support/commands.ts +0 -25
- package/cypress/support/e2e.ts +0 -20
- package/cypress.config.ts +0 -11
- package/playground/README.md +0 -63
- package/playground/app.vue +0 -3
- package/playground/error.vue +0 -22
- package/playground/nuxt.config.ts +0 -18
- package/playground/package-lock.json +0 -11660
- package/playground/package.json +0 -17
- package/playground/pages/[...slug].vue +0 -17
- package/playground/pages/index.vue +0 -21
- package/playground/public/favicon.ico +0 -0
- package/playground/server/tsconfig.json +0 -3
- package/playground/storyblok/sub/Feature.vue +0 -16
- package/playground/storyblok/sub/Grid.vue +0 -19
- package/playground/storyblok/sub/Page.vue +0 -19
- package/playground/storyblok/sub/Teaser.vue +0 -19
- package/playground/tsconfig.json +0 -4
- package/playground-e2e/nuxt.config.ts +0 -24
- package/playground-e2e/package.json +0 -15
- package/playground-e2e/pages/[...slug].vue +0 -20
- package/playground-e2e/pages/index.vue +0 -19
- package/playground-e2e/pages/test.vue +0 -7
- package/playground-e2e/pages/vcalong.vue +0 -17
- package/playground-e2e/plugins/storyblok.js +0 -21
- package/playground-e2e/storyblok/sub/Feature.vue +0 -14
- package/playground-e2e/storyblok/sub/Grid.vue +0 -19
- package/playground-e2e/storyblok/sub/Page.vue +0 -19
- package/playground-e2e/storyblok/sub/Teaser.vue +0 -19
- package/playground-e2e/tsconfig.json +0 -11
- package/tsconfig.json +0 -3
package/playground/package.json
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@storyblok/nuxt-playground",
|
|
3
|
-
"private": true,
|
|
4
|
-
"scripts": {
|
|
5
|
-
"build": "nuxt build",
|
|
6
|
-
"dev": "nuxt dev",
|
|
7
|
-
"demo-ssl": "NODE_TLS_REJECT_UNAUTHORIZED=0 nuxt dev --https",
|
|
8
|
-
"generate": "nuxt generate",
|
|
9
|
-
"preview": "nuxt preview",
|
|
10
|
-
"postinstall": "nuxt prepare"
|
|
11
|
-
},
|
|
12
|
-
"devDependencies": {
|
|
13
|
-
"@nuxt/devtools": "^0.7.1",
|
|
14
|
-
"@types/node": "^18",
|
|
15
|
-
"nuxt": "^3.6.5"
|
|
16
|
-
}
|
|
17
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
const { slug } = useRoute().params;
|
|
3
|
-
const story = await useAsyncStoryblok(
|
|
4
|
-
slug && slug.length > 0 ? slug.join("/") : "home",
|
|
5
|
-
{
|
|
6
|
-
version: "draft",
|
|
7
|
-
language: "en",
|
|
8
|
-
resolve_relations: ["popular-articles.articles"]
|
|
9
|
-
}
|
|
10
|
-
);
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<template>
|
|
14
|
-
<div>
|
|
15
|
-
<StoryblokComponent v-if="story" :blok="story.content" />
|
|
16
|
-
</div>
|
|
17
|
-
</template>
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
// const storyblokApi = useStoryblokApi();
|
|
3
|
-
// // Checking custom Flush method
|
|
4
|
-
// storyblokApi.flushCache();
|
|
5
|
-
|
|
6
|
-
const story = await useAsyncStoryblok("vue", {
|
|
7
|
-
version: "draft",
|
|
8
|
-
language: "en",
|
|
9
|
-
resolve_relations: "popular-articles.articles"
|
|
10
|
-
});
|
|
11
|
-
|
|
12
|
-
const richText = computed(() => renderRichText(story.value.content.richText));
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<template>
|
|
16
|
-
<div>
|
|
17
|
-
<NuxtLink to="vue"> Vue </NuxtLink>
|
|
18
|
-
<div v-html="richText" />
|
|
19
|
-
<StoryblokComponent v-if="story" :blok="story.content" />
|
|
20
|
-
</div>
|
|
21
|
-
</template>
|
|
Binary file
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
defineProps({
|
|
3
|
-
blok: {
|
|
4
|
-
type: Object,
|
|
5
|
-
required: true
|
|
6
|
-
}
|
|
7
|
-
});
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<template>
|
|
11
|
-
<div v-editable="blok" class="py-2" data-test="feature">
|
|
12
|
-
<h1 class="text-lg">
|
|
13
|
-
{{ blok.name }}
|
|
14
|
-
</h1>
|
|
15
|
-
</div>
|
|
16
|
-
</template>
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
defineProps({
|
|
3
|
-
blok: {
|
|
4
|
-
type: Object,
|
|
5
|
-
required: true
|
|
6
|
-
}
|
|
7
|
-
});
|
|
8
|
-
</script>
|
|
9
|
-
<template>
|
|
10
|
-
<div v-editable="blok" class="flex py-8 mb-6" data-test="grid">
|
|
11
|
-
<div
|
|
12
|
-
v-for="subBlok in blok.columns"
|
|
13
|
-
:key="subBlok._uid"
|
|
14
|
-
class="flex-auto px-6"
|
|
15
|
-
>
|
|
16
|
-
<StoryblokComponent :blok="subBlok" />
|
|
17
|
-
</div>
|
|
18
|
-
</div>
|
|
19
|
-
</template>
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
defineProps({
|
|
3
|
-
blok: {
|
|
4
|
-
type: Object,
|
|
5
|
-
required: true
|
|
6
|
-
}
|
|
7
|
-
});
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<template>
|
|
11
|
-
<div v-editable="blok" class="px-6" data-test="page">
|
|
12
|
-
<component
|
|
13
|
-
:is="subBlok.component"
|
|
14
|
-
v-for="subBlok in blok.body"
|
|
15
|
-
:key="subBlok._uid"
|
|
16
|
-
:blok="subBlok"
|
|
17
|
-
/>
|
|
18
|
-
</div>
|
|
19
|
-
</template>
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
defineProps({
|
|
3
|
-
blok: {
|
|
4
|
-
type: Object,
|
|
5
|
-
required: true
|
|
6
|
-
}
|
|
7
|
-
});
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<template>
|
|
11
|
-
<div
|
|
12
|
-
v-editable="blok"
|
|
13
|
-
:cat="$attrs.cat"
|
|
14
|
-
class="py-8 mb-6 text-5xl font-bold text-center"
|
|
15
|
-
data-test="teaser"
|
|
16
|
-
>
|
|
17
|
-
{{ blok.headline }}
|
|
18
|
-
</div>
|
|
19
|
-
</template>
|
package/playground/tsconfig.json
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
export default defineNuxtConfig({
|
|
2
|
-
modules: [
|
|
3
|
-
[
|
|
4
|
-
"@storyblok/nuxt",
|
|
5
|
-
{
|
|
6
|
-
accessToken: "OurklwV5XsDJTIE1NJaD2wtt",
|
|
7
|
-
apiOptions: {
|
|
8
|
-
region: ""
|
|
9
|
-
},
|
|
10
|
-
devtools: true,
|
|
11
|
-
// enableSudoMode: true /* (or legacy) usePlugin: false */
|
|
12
|
-
},
|
|
13
|
-
],
|
|
14
|
-
'@nuxt/devtools'
|
|
15
|
-
],
|
|
16
|
-
app: {
|
|
17
|
-
head: {
|
|
18
|
-
script: [{ src: "https://cdn.tailwindcss.com" }]
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
vite: {
|
|
22
|
-
optimizeDeps: { exclude: ["fsevents"] },
|
|
23
|
-
}
|
|
24
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"private": true,
|
|
3
|
-
"scripts": {
|
|
4
|
-
"demo": "nuxt dev",
|
|
5
|
-
"demo-ssl": "NODE_TLS_REJECT_UNAUTHORIZED=0 nuxt dev --https",
|
|
6
|
-
"build": "nuxt build",
|
|
7
|
-
"generate": "nuxt generate",
|
|
8
|
-
"start": "nuxt preview"
|
|
9
|
-
},
|
|
10
|
-
"devDependencies": {
|
|
11
|
-
"@nuxt/devtools": "^0.6.1",
|
|
12
|
-
"@storyblok/nuxt": "^0.0.1",
|
|
13
|
-
"nuxt": "^3.5.3"
|
|
14
|
-
}
|
|
15
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
const route = useRoute();
|
|
3
|
-
|
|
4
|
-
const story = ref();
|
|
5
|
-
try {
|
|
6
|
-
story.value = await useAsyncStoryblok(route.path, {
|
|
7
|
-
version: "draft",
|
|
8
|
-
language: "en",
|
|
9
|
-
resolve_relations: ["popular-articles.articles"]
|
|
10
|
-
});
|
|
11
|
-
} catch (error) {
|
|
12
|
-
console.log(error);
|
|
13
|
-
}
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<template>
|
|
17
|
-
<div>
|
|
18
|
-
{{ story }}
|
|
19
|
-
</div>
|
|
20
|
-
</template>
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
// const storyblokApi = useStoryblokApi();
|
|
3
|
-
// // Checking custom Flush method
|
|
4
|
-
// storyblokApi.flushCache();
|
|
5
|
-
|
|
6
|
-
const story = await useAsyncStoryblok("vue", {
|
|
7
|
-
version: "draft",
|
|
8
|
-
language: "en",
|
|
9
|
-
resolve_relations: "popular-articles.articles"
|
|
10
|
-
});
|
|
11
|
-
const richText = computed(() => renderRichText(story.value.content.richText));
|
|
12
|
-
</script>
|
|
13
|
-
|
|
14
|
-
<template>
|
|
15
|
-
<div>
|
|
16
|
-
<div v-html="richText"></div>
|
|
17
|
-
<StoryblokComponent v-if="story" :blok="story.content" />
|
|
18
|
-
</div>
|
|
19
|
-
</template>
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
<script setup lant="ts">
|
|
2
|
-
const story = ref(null);
|
|
3
|
-
|
|
4
|
-
onMounted(async () => {
|
|
5
|
-
const storyblokApi = useStoryblokApi();
|
|
6
|
-
const { data } = await storyblokApi.get("cdn/stories/vue/test", {
|
|
7
|
-
version: "draft"
|
|
8
|
-
});
|
|
9
|
-
story.value = data.story;
|
|
10
|
-
|
|
11
|
-
useStoryblokBridge(story.value.id, (evStory) => (story.value = evStory));
|
|
12
|
-
});
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<template>
|
|
16
|
-
<StoryblokComponent v-if="story" :blok="story.content" />
|
|
17
|
-
</template>
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/* import { StoryblokVue, apiPlugin } from "@storyblok/vue";
|
|
2
|
-
|
|
3
|
-
export default defineNuxtPlugin(({ vueApp }) => {
|
|
4
|
-
vueApp.use(StoryblokVue, {
|
|
5
|
-
accessToken: "OurklwV5XsDJTIE1NJaD2wtt",
|
|
6
|
-
apiOptions: {
|
|
7
|
-
cache: {
|
|
8
|
-
type: "custom",
|
|
9
|
-
custom: {
|
|
10
|
-
flush() {
|
|
11
|
-
console.log("all right");
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
use: [apiPlugin]
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
|
-
*/
|
|
20
|
-
|
|
21
|
-
export default defineNuxtPlugin(() => {});
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
defineProps({
|
|
3
|
-
blok: {
|
|
4
|
-
type: Object,
|
|
5
|
-
required: true
|
|
6
|
-
}
|
|
7
|
-
});
|
|
8
|
-
</script>
|
|
9
|
-
<template>
|
|
10
|
-
<div v-editable="blok" class="flex py-8 mb-6" data-test="grid">
|
|
11
|
-
<div
|
|
12
|
-
v-for="subBlok in blok.columns"
|
|
13
|
-
:key="subBlok._uid"
|
|
14
|
-
class="flex-auto px-6"
|
|
15
|
-
>
|
|
16
|
-
<StoryblokComponent :blok="subBlok" />
|
|
17
|
-
</div>
|
|
18
|
-
</div>
|
|
19
|
-
</template>
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script setup>
|
|
2
|
-
defineProps({
|
|
3
|
-
blok: {
|
|
4
|
-
type: Object,
|
|
5
|
-
required: true
|
|
6
|
-
}
|
|
7
|
-
});
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<template>
|
|
11
|
-
<div v-editable="blok" class="px-6" data-test="page">
|
|
12
|
-
<component
|
|
13
|
-
:is="subBlok.component"
|
|
14
|
-
v-for="subBlok in blok.body"
|
|
15
|
-
:key="subBlok._uid"
|
|
16
|
-
:blok="subBlok"
|
|
17
|
-
/>
|
|
18
|
-
</div>
|
|
19
|
-
</template>
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
defineProps({
|
|
3
|
-
blok: {
|
|
4
|
-
type: Object,
|
|
5
|
-
required: true
|
|
6
|
-
}
|
|
7
|
-
});
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<template>
|
|
11
|
-
<div
|
|
12
|
-
v-editable="blok"
|
|
13
|
-
:cat="$attrs.cat"
|
|
14
|
-
class="py-8 mb-6 text-5xl font-bold text-center"
|
|
15
|
-
data-test="teaser"
|
|
16
|
-
>
|
|
17
|
-
{{ blok.headline }}
|
|
18
|
-
</div>
|
|
19
|
-
</template>
|
package/tsconfig.json
DELETED