From f4491e8740e46dcf6142153bec7caaa01e2cb218 Mon Sep 17 00:00:00 2001
From: alvarosabu <alvaro.saburido@gmail.com>
Date: Mon, 2 Sep 2024 11:31:52 +0200
Subject: [PATCH] docs: corrected types on doc snippets

---
 README.md | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 3db9614b..57782150 100644
--- a/README.md
+++ b/README.md
@@ -148,7 +148,8 @@ You can override the default resolvers by passing a `resolver` prop to the `Stor
 
 ```html
 <script setup>
-  import { StoryblokRichText, BlockTypes, StoryblokRichTextNode } from "@storyblok/vue";
+  import { type VNode, h } from "vue";
+  import { StoryblokRichText, BlockTypes, MarkTypes, type StoryblokRichTextNode } from "@storyblok/vue";
   import { RouterLink } from "vue-router";
   import CodeBlok from "./components/CodeBlok.vue";
 
@@ -183,12 +184,13 @@ Or you can have more control by using the `useStoryblokRichText` composable:
 
 ```html
 <script setup>
-  import { useStoryblokRichText } from "@storyblok/vue";
+   import { type VNode, h } from "vue";
+  import { useStoryblokRichText, BlockTypes, MarkTypes, type StoryblokRichTextNode } from "@storyblok/vue";
   import { RouterLink } from "vue-router";
 
   const resolvers = {
     // RouterLink example:
-    [MarkTypes.LINK]: (node: Node<VNode>) => {
+    [MarkTypes.LINK]: (node: StoryblokRichTextNode<VNode>) => {
       return node.attrs?.linktype === 'STORY'
         ? h(RouterLink, {
           to: node.attrs?.href,