Как читать cookie/localStorage при создании компонента?

Когда вы создаете компонент в Nuxt.js, у вас есть возможность получить доступ к cookie и localStorage. Для чтения cookie или localStorage при создании компонента вам понадобятся несколько шагов.

Чтение cookie:

1. В самом начале импортируйте пакет cookie-universal-nuxt:

import { getCookie } from 'cookie-universal-nuxt';

2. Затем в методе created вашего компонента вы можете использовать функцию getCookie для чтения cookie. Пример:

created() {
  const myCookie = getCookie('cookie_name');
  console.log(myCookie);
}

cookie_name замените на имя cookie, которое вы хотите прочитать.

Чтение localStorage:

1. Импортируйте объект localStorage из пакета cookie-universal-nuxt:

import { localStorage } from 'cookie-universal-nuxt';

2. Затем в методе created вашего компонента вы можете использовать объект localStorage для чтения значения из localStorage. Пример:

created() {
  const myValue = localStorage.getItem('localstorage_key');
  console.log(myValue);
}

localstorage_key замените на ключ, который вы хотите прочитать из localStorage.

Помните, что cookie и localStorage являются общими для всего приложения, поэтому их можно прочитать в любом компоненте вашего приложения. При использовании cookie-universal-nuxt вы можете быть уверены, что ваш код будет работать как в клиентской, так и в серверной среде.