import{u as c,D as p,c as i,G as r,B as y,R as n,o as d,z as s,a as o,t as a,b as t}from"./chunks/framework.03801eb5.js";import{g as F,a as D}from"./chunks/demoUtils.6ac2f074.js";const h=n("",13),u={class:"language-typescript"},C=s("button",{title:"Copy Code",class:"copy"},null,-1),_=s("span",{class:"lang"},"typescript",-1),m={class:"shiki material-theme-palenight"},k=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},"{"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#A6ACCD"}},"BlockNoteEditor"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"}"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF","font-style":"italic"}},"from"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#C3E88D"}},"@blocknote/core"),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#89DDFF"}},";")],-1),A=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},"{"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#A6ACCD"}},"BlockNoteView"),s("span",{style:{color:"#89DDFF"}},","),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#A6ACCD"}},"useBlockNote"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"}"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF","font-style":"italic"}},"from"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#C3E88D"}},"@blocknote/react"),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#89DDFF"}},";")],-1),g=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#C3E88D"}},"@blocknote/core/style.css"),s("span",{style:{color:"#89DDFF"}},'"'),s("span",{style:{color:"#89DDFF"}},";")],-1),f=s("span",{class:"line"},null,-1),b=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF","font-style":"italic"}},"export"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF","font-style":"italic"}},"default"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#C792EA"}},"function"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#82AAFF"}},"App"),s("span",{style:{color:"#89DDFF"}},"()"),s("span",{style:{color:"#A6ACCD"}}," "),s("span",{style:{color:"#89DDFF"}},"{")],-1),B=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF"}},"  "),s("span",{style:{color:"#676E95","font-style":"italic"}},"// Creates a new editor instance.")],-1),w=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"  "),s("span",{style:{color:"#C792EA"}},"const"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#A6ACCD"}},"editor"),s("span",{style:{color:"#89DDFF"}},":"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#FFCB6B"}},"BlockNoteEditor"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#89DDFF"}},"="),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#82AAFF"}},"useBlockNote"),s("span",{style:{color:"#F07178"}},"("),s("span",{style:{color:"#89DDFF"}},"{")],-1),N={class:"line"},q=s("span",{style:{color:"#F07178"}},"    theme",-1),v=s("span",{style:{color:"#89DDFF"}},":",-1),x=s("span",{style:{color:"#F07178"}}," ",-1),E=s("span",{style:{color:"#89DDFF"}},'"',-1),T={style:{color:"#C3E88D"}},P=s("span",{style:{color:"#89DDFF"}},'"',-1),R=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"  "),s("span",{style:{color:"#89DDFF"}},"}"),s("span",{style:{color:"#F07178"}},")"),s("span",{style:{color:"#89DDFF"}},";")],-1),S=s("span",{class:"line"},null,-1),V=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF"}},"  "),s("span",{style:{color:"#676E95","font-style":"italic"}},"// Renders the editor instance using a React component.")],-1),j=s("span",{class:"line"},[s("span",{style:{color:"#F07178"}},"  "),s("span",{style:{color:"#89DDFF","font-style":"italic"}},"return"),s("span",{style:{color:"#F07178"}}," <"),s("span",{style:{color:"#FFCB6B"}},"BlockNoteView"),s("span",{style:{color:"#F07178"}}," "),s("span",{style:{color:"#FFCB6B"}},"editor"),s("span",{style:{color:"#F07178"}},"="),s("span",{style:{color:"#89DDFF"}},"{"),s("span",{style:{color:"#F07178"}},"editor"),s("span",{style:{color:"#89DDFF"}},"}"),s("span",{style:{color:"#F07178"}}," />"),s("span",{style:{color:"#89DDFF"}},";")],-1),I=s("span",{class:"line"},[s("span",{style:{color:"#89DDFF"}},"}")],-1),z={class:"language-css"},M=s("button",{title:"Copy Code",class:"copy"},null,-1),G=s("span",{class:"lang"},"css",-1),O={class:"shiki material-theme-palenight"},Q={class:"line"},U={style:{color:"#A6ACCD"}},Y=n("",8),Z=JSON.parse('{"title":"Quickstart","description":"Getting started with BlockNote is quick and easy. All you need to do is install the package and add the React component to your app!","frontmatter":{"title":"Quickstart","description":"Getting started with BlockNote is quick and easy. All you need to do is install the package and add the React component to your app!","imageTitle":"Quickstart","path":"/docs/quickstart"},"headers":[],"relativePath":"docs/quickstart.md","filePath":"docs/quickstart.md"}'),H={name:"docs/quickstart.md"},$=Object.assign(H,{setup(J){const{isDark:e}=c();return(K,L)=>{const l=p("Sandbox");return d(),i("div",null,[h,r(l,{codeOptions:"%5B%22typescript-vue%20%2FApp.tsx%22%2C%22css-vue%20%2Fstyles.css%20%5Bhidden%5D%22%5D",template:"react-ts"},{default:y(()=>[s("div",u,[C,_,s("pre",m,[s("code",null,[k,o(`
`),A,o(`
`),g,o(`
`),f,o(`
`),b,o(`
`),B,o(`
`),w,o(`
`),s("span",N,[q,v,x,E,s("span",T,a(t(F)(t(e))),1),P]),o(`
`),R,o(`
`),S,o(`
`),V,o(`
`),j,o(`
`),I])])]),s("div",z,[M,G,s("pre",O,[s("code",null,[s("span",Q,[s("span",U,a(t(D)(t(e))),1)])])])])]),_:1}),Y])}}});export{Z as __pageData,$ as default};