در صورتی که در vue 3 vite مایلید با کوکی ها کار کنید می توانید از کتابخانه js-cookie استفاده کنید . برای این کار ابتدا باید کتابخانه js-cookie را نصبت نمایید .

npm install js-cookie

ایجاد یا ویرایش یک component :

یک کامپوننت جدید ایجاد کنید یا یک کامپوننت موجود را ویرایش کنید تا از کتابخانه js-cookie استفاده کنیم. به عنوان مثال، در مسیر زیر :

src/components/ExampleComponent.vue

<template>
  <div>
    <button @click="setCookie">Set Cookie</button>
    <button @click="getCookie">Get Cookie</button>
    <button @click="removeCookie">Remove Cookie</button>
    <p>{{ cookieValue }}</p>
  </div>
</template>

<script>
import Cookies from 'js-cookie';

export default {
  data() {
    return {
      cookieValue: ''
    };
  },
  methods: {
    setCookie() {
      Cookies.set('exampleCookie', 'This is a test cookie!', { expires: 7 });
    },
    getCookie() {
      this.cookieValue = Cookies.get('exampleCookie') || 'No cookie found';
    },
    removeCookie() {
      Cookies.remove('exampleCookie');
      this.cookieValue = 'Cookie removed';
    }
  }
};
</script>

اجرای پروژه :

پروژه را اجرا کنید تا مطمئن شوید همه چیز به درستی کار می‌کند :

npm run dev

حالا شما یک برنامه Vue 3 دارید که از کتابخانه js-cookie برای تنظیم، خواندن و حذف کوکی‌ها استفاده می‌کند .

منبع : Microsoft Copilot

متن سوال :

• لطفا مراحل استفاده از کتابخانه js-cookie را گام به گام در vue 3 vite توضیح بده