From: Evan You <yyx990803@gmail.com>
Date: Tue, 3 Dec 2019 22:36:45 +0000 (-0500)
Subject: chore: fix example
X-Git-Tag: v3.0.0-alpha.0~101
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=27a72bd8f150be956a7931b64590cf3867bb4803;p=thirdparty%2Fvuejs%2Fcore.git

chore: fix example
---

diff --git a/packages/vue/examples/composition/grid.html b/packages/vue/examples/composition/grid.html
index f865ab92c1..2d2f53e991 100644
--- a/packages/vue/examples/composition/grid.html
+++ b/packages/vue/examples/composition/grid.html
@@ -7,9 +7,9 @@
       <tr>
         <th v-for="key in columns"
           @click="sortBy(key)"
-          :class="{ active: sortKey == key }">
+          :class="{ active: state.sortKey == key }">
           {{ capitalize(key) }}
-          <span class="arrow" :class="sortOrders[key] > 0 ? 'asc' : 'dsc'">
+          <span class="arrow" :class="state.sortOrders[key] > 0 ? 'asc' : 'dsc'">
           </span>
         </th>
       </tr>
@@ -26,7 +26,7 @@
 </script>
 <!-- DemoGrid component script -->
 <script>
-const { reactive, computed } = Vue
+const { reactive, computed, toRefs } = Vue
 
 const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1)
 
@@ -71,7 +71,7 @@ const DemoGrid = {
     }
 
     return {
-      ...state,
+      state,
       filteredData,
       sortBy,
       capitalize