Как подключить Vuex к проекту на CLI?

Question

[Ankozar]

Например, нужно для нескольких блоков менять класс, в зависимости от параметра "mobile".
Например, в header.
Файлы App.vue, store. vue, Header.vue

App.vue:

<template>
  <Header/>
</template>

<script>
import Vuex from 'vuex'
import store from './components/store/store.vue'

import Header from './components/Pages/Header.vue'

export default {
  name: 'App',
  components: {
    Header,
  },
  data:function(){
    return {
      mobile: 1
    }
  },
  methods:{
    
  },
  mounted(){
  }
}
</script>

store.vue:

<script>
import { createStore } from 'vuex'

const store = createStore({
  state () {
    return {
      mobile: 0
    }
  },
  mutations: {
    switcher (state) {
      state.mobile =!state.mobile
    }
  }
})

export default ({
store

})



</script>

Header.vue:

<template>

    <header id="header" class="header" :class={"header-mobile" : sore.state.mobile}>
        <a href="/" target="_self"><img class='logo1' src='/img/сайт-лого-тостер2.png' href='/'></a>
        <img class='logo2' src='/img/лого текст3.png'>
        <RegionLogoDiv/>
        <MenuButt/>
    </header>
</template>

<script>
import RegionLogoDiv from './RegionLogoDiv.vue'
import MenuButt from './MenuButt.vue'

export default {
  name: 'Header',
  components:{
        RegionLogoDiv,
        MenuButt
  },
  props: {
  }
}
</script>

Comments

[Сергей Соколов]

в main.js есть инструкция Vue.use(Vuex) ?

[Роман Ямчук]

Возможно стоит попробовать вот так:
:class="{'header-mobile' : $store.state.mobile}"

[Ankozar]

Сергей Соколов,

[Ankozar]

Роман Ямчук, store undefined....
Если я отдельно импортирую в модуль store и подключаю его в data, то могу использовать. А просто - нет.

В доках инструкция:

import { createApp } from 'vue'
import { createStore } from 'vuex'

const app = createApp({ ... })
const store = createStore({ ... })

app.use(store)

Но браузер пишет что _App_vue__WEBPACK_IMPORTED_MODULE_6__.default.use is not a function

[Alex_mos]

Store не подключается в компонентах, vuex подключается в файле main.js, он для того и нужен что бы был доступ к состоянию из всех компонентов