stash

web/src/views/admin/Shipping.vue

@@ -1,12 +1,12 @@
 <template>
     <Table
-        :columns="['slug', 'name']"
-        :items="events"
-        :keyName="'slug'"
+        :columns="['type', 'code']"
+        :items="shippingCodes"
+        :keyName="'code'"
     >
         <template #actions="{ item }">
             <div class="btn-group">
-                <button class="btn btn-secondary" @click.stop="changeEvent(item)">
+                <button class="btn btn-secondary" @click.stop="alert(item)">
                     <font-awesome-icon icon="archive"/>
                     use
                 </button>
@@ -26,8 +26,11 @@ import Table from '@/components/Table';
 export default {
     name: 'Shipping',
     components: {Table},
-    computed: mapState(['events']),
-    methods: mapActions(['changeEvent']),
+    computed: mapState(['shippingCodes']),
+    methods: mapActions(['fetchShippingCodes']),
+    mounted() {
+        this.fetchShippingCodes();
+    },
 };
 </script>