adb.study/iid-homework
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add delete items
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
adb-sh 2023-01-08 22:50:48 +01:00
parent 96812e8844
commit 0418a73896
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ItemList.vue
View File

@ -1,6 +1,9 @@
<script setup lang="ts"> <script setup lang="ts">
import { defineProps } from 'vue'; import { defineProps } from 'vue';
import { groupItemsByUser } from '../store/shoppingList'; import { groupItemsByUser } from '../store/shoppingList';
import { useShoppingListStore } from '../store/shoppingList';
const store = useShoppingListStore();
defineProps({ defineProps({
items: Array, items: Array,
@ -18,6 +21,7 @@ defineProps({
<template v-slot:append> <template v-slot:append>
<v-btn icon="mdi-pencil" variant="text" :to="`/edit-item/${ item.id }`"/> <v-btn icon="mdi-pencil" variant="text" :to="`/edit-item/${ item.id }`"/>
<v-btn icon="mdi-check" variant="text" @click="item.isBought = !item.isBought"/> <v-btn icon="mdi-check" variant="text" @click="item.isBought = !item.isBought"/>
<v-btn icon="mdi-delete" variant="text" @click="store.deleteItem(item.id)"/>
</template> </template>
</v-list-item> </v-list-item>
</div> </div>

6
src/store/shoppingList.ts
View File

@ -20,7 +20,11 @@ export const useShoppingListStore = defineStore('shoppingList', {
users: users as Array<User>, users: users as Array<User>,
}; };
}, },
actions: {}, actions: {
deleteItem(id: number) {
this.items = this.items.filter(item => item.id !== id);
},
},
getters: { getters: {
openItems: state => state.items.filter(item => !item.isBought), openItems: state => state.items.filter(item => !item.isBought),
boughtItems: state => state.items.filter(item => !!item.isBought), boughtItems: state => state.items.filter(item => !!item.isBought),