`nuxtServerInit` checking if it's mobile

index.js

/*
 This needs to be in the store/index.js
*/

const mutationTypes = {
  SET_MOBILE: 'SET_MOBILE',
}

const checkIfMobileOnServerSide = ({ req, isServer }) => {
  if (isServer) return false
  const userAgent = req && req.headers['user-agent']
  const isMobile = /mobile/i.test(('' + userAgent).toLowerCase())
  return isMobile
}

export const state = () => ({
  isMobile: false,
})

export const getters = {
  isMobile: state => state.isMobile,
}

export const mutations = {
  [mutationTypes.SET_MOBILE](state, isMobile) {
    state.isMobile = isMobile
  },
}

export const actions = {
  // https://nuxtjs.org/guide/vuex-store/#the-nuxtserverinit-action
  nuxtServerInit({ commit }, context) {
    commit(mutationTypes.SET_MOBILE, checkIfMobileOnServerSide(context))
  },
}