moves request inside own component

lootalot_front/src/components/Chest.vue

@@ -25,12 +25,7 @@
             <tr :key="`row-${idx}`">
               <td>{{item.name}}</td>
               <td v-if="canGrab">
-                <button class="button is-primary" disabled>
-                  <span class="icon">
-                    <i class="fas fa-praying-hands"></i>
-                  </span>
-                  <small>Request pending...</small>
-                </button>
+                <Request :item="item.id"></Request>
               </td>
               <td v-if="canSell">
                 <label class="checkbox" v-show="is_selling">
@@ -50,6 +45,7 @@
 
 <script>
     import { store } from '../App.vue'
+    import Request from './Request.vue'
     /*
         The chest displays the collection of items owned by a player
 
@@ -70,6 +66,9 @@
                 default: 0
             }
         },
+        components: {
+            Request
+        },
         data () {
             return {
                 app_state: store.state,