From 27a72bd8f150be956a7931b64590cf3867bb4803 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Tue, 3 Dec 2019 17:36:45 -0500
Subject: [PATCH] chore: fix example

---
 packages/vue/examples/composition/grid.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/vue/examples/composition/grid.html b/packages/vue/examples/composition/grid.html
index f865ab92..2d2f53e9 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