Не могу обратиться к $store из компоненты vue

Компонента:

      <a href="#" class="header-links__el">{{ $store.state.headerLinks.title }}</a>
</template>

store/index.js:

export const store = createStore({
    state: {
        headerLinks: [
            {id: 1, title: 'Главная'},
            {id: 2, title: 'Честная игра'},
            {id: 3, title: 'FAQ'},
            {id: 4, title: 'Поддержка'},
            {id: 5, title: 'Акции'}
        ]
},
    getters: {

    },
    mutations: {

    },
    actions: {

    },
    modules: {
    }
})```
main.js:
```import { createApp} from "vue";
import App from './App'

import { store } from "@/store";

const app = createApp(App)

app

        .use(store)
        .mount('#app')