Почему не заполняется state?

Question

[Алексей Тихонравов]

Хотел попробовать вывести информацию в страницу.

store/index.js

import axios from 'axios'
export const state = () => ({
  products: []
})

export const mutations = {
  SET_PRODUCTS_TO_STATE: (state,products) => {
    state.products = products;
  }
}

export const actions = {
  GET_PRODUCTS_FROM_API({commit}) {
      return axios('https://jsonplaceholder.typicode.com/todos/1',{
        method: "GET"
      })
      .then((products) => {
        comit('SET_PRODUCTS_TO_STATE', products);
        return products;
      })
      .catch((error) => {
        console.log(error)
        return error;
      })
  }
}

export const getters = {
  PRODUCTS(state) {
    return state.products
  }
}

страница

<template>
	<div class="directory">
		<GoAway>
			<BaseH1 class="blue">Справочники</BaseH1>
		</GoAway>
		
	</div>
</template>

<script>
	import {mapActions, mapGetters} from 'vuex'
	export default {
		computed: {
			...mapGetters([
				'PRODUCTS'
			])
		},
		methods: {
			...mapActions([
				'GET_PRODUCTS_FROM_API'
			])
		},
		mounted() {
			this.GET_PRODUCTS_FROM_API()
		}
	}
</script>

В консоли выдает такое:

И в vue dev tools мой products пустой:

Что я сделал не так?

Answer 1

[WapSter]

commit('SET_PRODUCTS_TO_STATE', products);

Comments

[Алексей Тихонравов]

Спасибо)