<template>
    <div>
        <table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Qinfeins</th>
                    <th>Lonifnei</th>
                </tr>
            </thead>
        <tbody>
                <tr v-for="item in items" :key="item.id">
                <td>{{item.id}}</td>
                <td>{{item.name}}</td>
                <td>{{item.quantity}}</td>
                <td>{{item.location}}</td>
                </tr>
        </tbody>
        </table>
    </div>
</template>

<script>
import { ref, onMounted } from 'vue';


export default {
  setup() {
    const items = ref([]);

    onMounted(() => {
      items.value = inventoryItems;
    });

    return {
      items,
      data
    };
  },
};
</script>

<style scoped>

</style>
