Alex_mos

localStorage.posts = this.posts
localStorage.name = this.name;

Что то у вас в коде не наше ни getItem ни setItem при использовании localstorage

похожий вопрос

вот как я понимаю похожий вопрос

вот можете ознакомиться как взаимодействовать между компонентами

WordPress не фреймворк) и можно сделать wp+Vue
может вот это подойдёт?

Ну сделайте компонент и передавайте в него пропсы и события которые он должен исполнять. Не очень понятно из вашего вопроса, не видя то что уже сделано, что именно вам нужно. Вопрос выглядит скорее как задание)

Не совсем понимаю зачем в классе прописывать this !this.$store.state.mobile, попробуйте прописать вот так$store.state.mobile и почему бы это не вынести в computed свойство.

Может лучше это хранить в cookies

Думаю тут найдешь решение https://coderoad.ru/53355086/%D0%94%D0%BE%D0%B1%D0..., как я понял нужно установить ProvidePlugin и во vue.config прописать

const webpack = require('webpack')
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jquery: 'jquery',
        'window.jQuery': 'jquery',
        jQuery: 'jquery'
      })
    ]
  },
}

и потом в main.js прописать window.$ = window.jQuery = require('jquery');