import {
defineComponent,
reactive,
toRefs,
} from '@nuxtjs/composition-api';
export default defineComponent({
name: 'MyComponent',
props: {
someProps: {
type: Boolean,
default: false,
},
},
setup (props, { emit }) {
const state = reactive({
});
const watches = {
};
const emits = {
myEvent: event => emit('event-name', event),
};
const getters = {
userName: id => state.users.find(user => user.id === id).name,
};
const mutations = {
userStatus: (id, status) => {
state.users.find(user => user.id === id).status = status;
},
};
const actions = {
onClickDeleteUser: id => {
const idx = state.users.findIndex(user => user.id === id);
state.users.splice(idx, 1);
},
};
return {
...toRefs(state),
props,
emits,
getters,
mutations,
actions,
};
},
})