Vuexのactionsで値をmutationsに渡す方法が分からない

Question

Vuexでactions内で非同期処理をする際、responceからきたデータを加工してmutationsに渡して表示する処理を書いています。
その際、actions内の処理が実行されません。
よろしくお願いします

Vuexの処理
index.js

import Vuex from 'vuex'
import axios from 'axios'

const createStore = () => {
  return new Vuex.Store({
    state: function (){
      return {
      tests: [],
       test: ''
      }
    },
    getters: {
      tests: state => state.tests,
      test: state => state.test
    },

    mutations: {
      settests(state, { tests }){
        state.tests = tests
      },
      settest(state, { test }){
        state.test = test
      },

    },

    actions: {
      getTest({commit}, tests) {
        axios.get('http://localhost:8000/api/test')
          .then(res => {
       // 返ってきた値を配列に変換している
            const tests = [];
  
            const values = Object.values(res.data);
            values.forEach((value) => {
              const test = {
                content: value.content,
                created_at: value.created_at,
                updated_at: value.updated_at,
                id: value.id
              };
  
              keywords.push(test);

            });
  
　　　　　// ここの値をcommitしたい
            state.tests = tests;
    

            commit('settests', {tests: state.tests});
            })
          .catch(error => {
              console.log(error.response);
            });
      }
    }
  })
}


export default createStore

Home.vue

<template>
<div>
    <el-main>


        <el-table :data="$store.state.tests" style="width: 100%">
        <el-table-column label="キーワード" prop="content" width="180">
          <template slot-scope="scope">
            {{ scope.row.content }}
          </template>
          
         </el-table-column>
        <el-table-column prop="created_at" label="投稿日時" width="180">
         <template slot-scope="scope">
            {{ scope.row.created_at }}
          </template>
        </el-table-column>
        <el-table-column prop="updated_at" label="更新日時" width="180">
         <template slot-scope="scope">
            {{ scope.row.updated_at }}
          </template>
        </el-table-column> 
       

     

    </el-table> 

        
     
    </el-main>

  </div>
</template>



<script>
import axios from 'axios';
import { mapGetters } from "vuex";
import { mapActions } from "vuex";

 export default {
   async asyncData({ store }) {
     await store.dispatch("getTest");
   },

  computed: {
    ...mapGetters(["tests"]),
    
  },





  methods: {
    ...mapActions(["getTest"]),
   

  }

 }

</script>