As a novice programmer, I've developed a web app similar to Trello. It allows users to create boards and within those boards, lists can be created. Each list is displayed uniquely with different IDs. However, the list items are displayed with the same ID and end up being duplicated in each list. Can someone please assist me in detail in identifying the issue? Your help is greatly appreciated.
Vuex file router.js
import Vue from 'vue'
import Vuex from 'vuex'
// Remaining code for Vuex store setup...
The page where the lists are created: MyBoard.vue
<template>
<div>
<div class="wrapper">
// Code for displaying lists and items within them
</div>
</div>
</template>
<script>
export default {
// Component logic to retrieve and display data
};
</script>
CreateList.Vue
<template>
<div>
// Creation of new list functionality
</div>
</template>
<script>
export default {
// Logic for adding and creating lists
};
</script>
CreateItemList.vue
<template>
<div>
// Adding new item functionality
</div>
</template>
<script>
export default {
// Logic for adding and creating items within lists
};
</script>