From 21836fb284156664ad21d768bb6fdf289a8c1fff Mon Sep 17 00:00:00 2001
From: xr0master <xr0master@gmail.com>
Date: Fri, 29 Nov 2019 04:58:31 +0200
Subject: [PATCH] docs($plugin-pwa): fixed example for the custom component
 (#1977)

---
 packages/docs/docs/plugin/official/plugin-pwa.md    | 4 ++--
 packages/docs/docs/zh/plugin/official/plugin-pwa.md | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/docs/docs/plugin/official/plugin-pwa.md b/packages/docs/docs/plugin/official/plugin-pwa.md
index e38e8811..85d02c7d 100644
--- a/packages/docs/docs/plugin/official/plugin-pwa.md
+++ b/packages/docs/docs/plugin/official/plugin-pwa.md
@@ -214,9 +214,9 @@ First, you need to create a global component (e.g. `MySWUpdatePopup`) at `.vuepr
 
 ```vue
 <template>
-  <SWUpdatePopup>
+  <SWUpdatePopup v-slot="{ enabled, reload, message, buttonText }">
     <div
-      v-slot="{ enabled, reload, message, buttonText }"
+      v-if="enabled"
       class="my-sw-update-popup">
       {{ message }}<br>
       <button @click="reload">{{ buttonText }}</button>
diff --git a/packages/docs/docs/zh/plugin/official/plugin-pwa.md b/packages/docs/docs/zh/plugin/official/plugin-pwa.md
index 5aee677f..6e5c25c2 100644
--- a/packages/docs/docs/zh/plugin/official/plugin-pwa.md
+++ b/packages/docs/docs/zh/plugin/official/plugin-pwa.md
@@ -214,9 +214,9 @@ module.exports = {
 
 ```vue
 <template>
-  <SWUpdatePopup>
+  <SWUpdatePopup v-slot="{ enabled, reload, message, buttonText }">
     <div
-      v-slot="{ enabled, reload, message, buttonText }"
+      v-if="enabled"
       class="my-sw-update-popup">
       {{ message }}<br>
       <button @click="reload">{{ buttonText }}</button>
-- 
GitLab