storyblokEditable

darkroomengineering · Mar 19, 2024 · cea77fb · cea77fb
1 parent 364ac36
commit cea77fb
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/app/(pages)/storyblok/(component)/tutorial/index.js b/app/(pages)/storyblok/(component)/tutorial/index.js
@@ -1,13 +1,14 @@
 'use client'
 
+import { storyblokEditable } from '@storyblok/react'
 import { useStoryblokContext } from 'libs/storyblok/context'
 import s from './tutorial.module.scss'
 
 export function Tutorial() {
   const { story } = useStoryblokContext()
 
   return (
-    <div className={s.tutorial}>
+    <div className={s.tutorial} {...storyblokEditable(story.content)}>
       <h2 className={s.title}>{story.content?.title}</h2>
 
       <div className={s.codes}>

diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     "@radix-ui/react-select": "^2.0.0",
     "@react-three/drei": "^9.97.6",
     "@react-three/fiber": "^8.15.19",
+    "@storyblok/react": "^3.0.9",
     "@studio-freight/hamo": "0.6.28",
     "@studio-freight/react-lenis": "0.0.45",
     "@studio-freight/tempus": "^0.0.44",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml