Krdytkyu

I'm writing a ReST API Client Tester using VueJS.

I'm trying to have a really clean code, But I feel like it's too much,

Here is my store.js file, which I use it for Vuex and the application state management, all there variables I use to send a request are store here

import Vue from 'vue';

import Vuex from 'vuex';



Vue.use(Vuex);



export default new Vuex.Store({

  state: {

    globals: {

      methods: ['GET', 'POST', 'PUT', 'DELETE'],

    },

    request: {

      method: 'GET',

      url: 'http://example.com',

      body: {},

      headers: {},

    },

  },

  mutations: {



    // Change Methods

    changeMethod(state, method) {

      state.request.method = method;

    },

    changeURL(state, url) {

      state.request.url = url;

    },

    changeBody(state, body) {

      state.request.body = body;

    },

    changeHeaders(state, headers) {

      state.request.headers = headers;

    },



    // Add to Data Methods

    addToHeaders(state, payload) {

      state.request.headers[payload.key] = payload.value;

    },

    addToBody(state, payload) {

      state.request.body[payload.key] = payload.value;

    },

    // Delete from Data Methods

    deleteFromHeaders(state, key) {

      delete state.request.headers[key];

    },

    deleteFromBody(state, key) {

      delete state.request.body[key];

    },





    // Reset Methods

    resetMethod(state) {

      state.request.method = 'GET';

    },

    resetURL(state) {

      state.request.url = '';

    },

    resetBody(state) {

      state.request.body = {};

    },

    resetHeaders(state) {

      state.request.headers = {};

    },



    // Reset request Method

    resetRequest(state) {

      state.request = {

        method: 'GET',

        url: '',

        body: {},

        headers: {},

      };

    },



  },

  actions: {



  },

});

As you can see, I'm sticking to a rule which says, each function should only do one thing and nothing more, I'm not sure if I'm using it right or now, But with this amount of code, It seems a little ridiculous to me...

Let me know what you think? How can I improve this to have more readability and less LoC?

Am I doing it right or not?