Vueで作成されたフォームに入力した値を、Railsのparamsに渡したい

Question

前提・実現したいこと

Rails側で楽天APIを叩くメソッドを作成しており、APIを叩くのに必要なパラメータに、
Vue側で作成したフォームに入力した値を受け渡したいのですが、上手く渡せません。
追加修正等、お分かりになる方、ご教示いただけませんでしょうか。

発生している問題・エラーメッセージ

undefined method `[]' for nil:NilClass

>         keyword: params[:keyword],

該当のソースコード

rakuten_searches_controller.rb

class Api::V1::RakutenSearchesController < ApplicationController
  require 'httpclient'

  def index
    url = "https://app.rakuten.co.jp/services/api/IchibaItem/Search/20170706"
    params = {
      applicationId: ENV['RAKUTEN_API_APPLICATION_ID'],
      keyword: params[:keyword],
    }
    client = HTTPClient.new
    response = client.get(url, params)
    render json: JSON.parse(response.body)
  end
end

store.js

function searchItem(keyword) {
  return axios.get("/v1/rakuten_searches", {
    params: {
      keyword: keyword,
    },
  });
}

  search({ commit, state }) {
    searchItem(
      state.keyword,
    ).then((data) => {
      commit("search", data);
    });
  },

api_call.vue

<template>
  <b-field>
    <input class="text" type="text"/>
    <input class="submit" type="submit" value="検索" @click="search()" />
  </b-field>
</template>

<script>
import { mapActions } from "vuex";
export default {
methods: {
    ...mapActions(
      "search",
    ),
  },
};
</script>

試したこと

デェベロッパーツールのメットワークタブで確認したところ、「検索（submit）」を押した後のリクエストは下記のようでした。
keywordを送るのはできているのと思いますが、受け取る側（Rails）に不備があるのでは？と考えています。

rakuten_searches?keyword=%E7%B5%90%E5%A9%9A

アドバイスいただけますと幸いです。よろしくお願いいたします。