no-ssr replaced by client-only

Author: AmazingMoon

components/app-header.vue

@@ -53,7 +53,7 @@
                             >
                         </li>
                     </ul>
-                    <no-ssr>
+                    <client-only>
                         <div>
                             <div v-if="user.id == 0">
                                 <router-link to="/login" rel="nofollow">
@@ -176,7 +176,7 @@
                                 </div>
                             </div>
                         </div>
-                    </no-ssr>
+                    </client-only>
                 </div>
             </div>
         </nav>

pages/login.vue

@@ -7,7 +7,7 @@
                 <span style="color:red">Lua</span>
                 <span style="color:#666"> China</span>
             </div>
-            <no-ssr>
+            <client-only>
                 <ValidationObserver ref="form">
                     <form
                         class="needs-validation"
@@ -122,7 +122,7 @@
                         </div>
                     </form>
                 </ValidationObserver>
-            </no-ssr>
+            </client-only>
             <oauth-login />
         </div>
     </div>

pages/posts/_id/edit.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <no-ssr>
+        <client-only>
             <div class="form-row form-group">
                 <label for="title">文章标题</label>
                 <input
@@ -42,7 +42,7 @@
                     提交
                 </button>
             </div>
-        </no-ssr>
+        </client-only>
     </div>
 </template>
 

pages/posts/_id/index.vue

@@ -18,7 +18,7 @@
                             <span>评论数：{{ post.comments.length || 0 }}</span>
                         </div>
                     </div>
-                    <no-ssr>
+                    <client-only>
                         <div
                             v-if="this.post.user_id === this.auth.id"
                             class="ml-auto"
@@ -37,7 +37,7 @@
                                 移入草稿箱
                             </button>
                         </div>
-                    </no-ssr>
+                    </client-only>
                 </div>
                 <div class="markdown-preview" v-html="compiledMarkdown"></div>
             </div>
@@ -47,7 +47,7 @@
                     <div
                         class="card-body d-flex justify-content-center align-items-center"
                     >
-                        <no-ssr>
+                        <client-only>
                             <vue-star
                                 animate="animated rubberBand"
                                 color="#F05654"
@@ -59,7 +59,7 @@
                                     @click="favorClick"
                                 ></i>
                             </vue-star>
-                        </no-ssr>
+                        </client-only>
                     </div>
                 </div>
             </div>

pages/posts/create.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <no-ssr>
+        <client-only>
             <div class="form-row form-group mb-3">
                 <label for="title" class="form-label">文章标题</label>
                 <input
@@ -34,7 +34,7 @@
                     发布
                 </button>
             </div>
-        </no-ssr>
+        </client-only>
     </div>
 </template>
 

pages/register.vue

@@ -8,7 +8,7 @@
                 <span style="color:#666"> China</span>
             </div>
             <!-- 在 @submit 或 @click 上需要加 prevent，阻止默认事件触发，否则会发生跳转 -->
-            <no-ssr>
+            <client-only>
                 <ValidationObserver ref="form">
                     <form
                         class="needs-validation"
@@ -149,7 +149,7 @@
                         </div>
                     </form>
                 </ValidationObserver>
-            </no-ssr>
+            </client-only>
         </div>
     </div>
 </template>

pages/users/_id/index.vue

@@ -127,7 +127,7 @@
                     <cite>暂无</cite>
                 </div>
             </div>
-            <no-ssr>
+            <client-only>
                 <div
                     class="border bg-white mb-4"
                     v-if="auth.id == $route.params.id"
@@ -161,7 +161,7 @@
                         <cite>暂无</cite>
                     </div>
                 </div>
-            </no-ssr>
+            </client-only>
         </div>
     </div>
 </template>