He instalado las cookies vue en mi proyecto.

He incluido lo siguiente en el archivo main.js :

 createApp(App) .use(store) .use(router, axios, VueCookies)

Luego, la parte del script en el archivo App.vue contiene lo siguiente:

 <script> import Navbar from '@/components/layout/Navbar' import axios from 'axios' export default { name: 'App', components: { Navbar }, beforeCreate() { console.log(this.$cookies)

Esto dice que las cookies no están definidas, por lo que no puedo establecer ni obtener ninguna cookie.

Si agrego una import VueCookies from 'vue-cookies' el resultado es el mismo.

Antes, usé localStorage y usé this beforeCreate para leer la información de inicio de sesión. Quiero comenzar a usar cookies para almacenar el token entre sesiones, ya que he leído que es más seguro.

He buscado un poco y no he leído nada sobre la inicialización de cookies o cualquier otra cosa que deba hacer para que this.$cookies no esté indefinido.