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