Make Slate client-side only

content/.vuepress/components/Slate.vue

@@ -53,7 +53,8 @@
         htmlContent: "",
         searchIndex: {},
         searchResults: {},
-        toc: {}
+        toc: {},
+        markdownFile: ""
       }
     },
 
@@ -154,8 +155,8 @@
       }
     },
 
-    mounted: function () {
-      this.$http.get("/api.md").then(function (response) {
+    created: function () {
+      this.$http.get(this.markdownFile).then(function (response) {
         this.htmlContent = md.render(response.body);
 
         this.$nextTick(function () {

content/slate-test.md

@@ -1 +1,3 @@
-<!--/ < Slate markdown-file="/api.md" /> /-->
+<ClientOnly>
+  <Slate markdown-file="/api.md"></Slate>
+</ClientOnly>