(window.webpackJsonp=window.webpackJsonp||[]).push([[526],{837:function(e,r,s){"use strict";s.r(r);var t=s(10),n=Object(t.a)({},(function(){var e=this,r=e._self._c;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h1",{attrs:{id:"using-vue-in-markdown"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#using-vue-in-markdown"}},[e._v("#")]),e._v(" Using Vue in Markdown")]),e._v(" "),r("h2",{attrs:{id:"browser-api-access-restrictions"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#browser-api-access-restrictions"}},[e._v("#")]),e._v(" Browser API Access Restrictions")]),e._v(" "),r("p",[e._v("Because VuePress applications are server-rendered in Node.js when generating static builds, any Vue usage must conform to the "),r("a",{attrs:{href:"https://ssr.vuejs.org/en/universal.html",target:"_blank",rel:"noopener noreferrer"}},[e._v("universal code requirements"),r("OutboundLink")],1),e._v(". In short, make sure to only access Browser / DOM APIs in "),r("code",[e._v("beforeMount")]),e._v(" or "),r("code",[e._v("mounted")]),e._v(" hooks.")]),e._v(" "),r("p",[e._v("If you are using or demoing components that are not SSR friendly (for example containing custom directives), you can wrap them inside the built-in "),r("code",[e._v("<ClientOnly>")]),e._v(" component:")])])}),[],!1,null,null,null);r.default=n.exports}}]);