Merge pull request #920 from storyblok/feature/auto-import-storyblok-…

…vue-types

feat: hoist storyblok/vue types

package.json

@@ -18,7 +18,7 @@
   ],
   "scripts": {
     "prepack": "nuxt-module-build build",
-    "build": "nuxt-module-build build",
+    "build": "nuxt-module-build prepare && nuxt-module-build build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:preview": "nuxi preview playground",

playground/pages/index.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { SbBlokData } from "@storyblok/vue";
+
 // const storyblokApi = useStoryblokApi();
 // // Checking custom Flush method
 // storyblokApi.flushCache();
@@ -9,6 +11,16 @@ const story = await useAsyncStoryblok("vue", {
   resolve_relations: "popular-articles.articles"
 });
 
+const penguin = await useStoryblok("vue", {
+  version: "draft",
+  language: "en",
+  resolve_relations: "popular-articles.articles"
+});
+
+const awiwi = ref<SbBlokData>({});
+
+renderRichText(story.value.content.richText);
+
 /* const richText = computed(() => renderRichText(story.value.content.richText)); */
 </script>
 

playground/tsconfig.json

@@ -1,4 +1,4 @@
 {
   // https://nuxt.com/docs/guide/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json"
+  "extends": "./.nuxt/tsconfig.json",
 }

src/module.ts

@@ -7,6 +7,7 @@ import {
   createResolver
 } from "@nuxt/kit";
 import type { NuxtHookName } from "@nuxt/schema";
+import type { Nuxt } from "nuxt/schema";
 
 export interface ModuleOptions {
   accessToken: string,
@@ -32,7 +33,7 @@ export default defineNuxtModule<ModuleOptions>({
     componentsDir: '~/storyblok',
     apiOptions: {},
   },
-  setup(options, nuxt) {
+  setup(options: ModuleOptions, nuxt: Nuxt) {
     const resolver = createResolver(import.meta.url);
 
     if(nuxt.options.vite.optimizeDeps) {
@@ -72,6 +73,8 @@ export default defineNuxtModule<ModuleOptions>({
     for (const name of names) {
       addImports({ name, as: name, from: "@storyblok/vue" });
     }
+
+    nuxt.options.typescript.hoist.push("@storyblok/vue")
     addImportsDir(resolver.resolve("./runtime/composables"));
 
     if (options.devtools) {

tsconfig.json

@@ -1,3 +1,3 @@
 {
-    "extends": "./playground/.nuxt/tsconfig.json"
+    "extends": "./.nuxt/tsconfig.json"
 }