Как в Vue вписать переменную в значение cookie?

Question

[geometria]

В этом упрощенном шаблоне нужно по клику получить куки и вписать в консоль, подскажите как это грамотно сделать. Чтобы получить в консоли имя продукта, по которому был сделан клик

<template>
<div  v-for="product in products" class="row product-row" @click="setcookie">
    {{ product.name }}</br>
    {{ product.price }}
</div>
</template>
<script>
methods: {

setcookie() {
document.cookie = 'app_cookie_name=product.name'; /*здесь должно быть имя продукта*/
console.log(document.cookie);
    },

getProducts() {
    let vm = this
    axios.get('/api/products')
    .then(function(response) {
    vm.products = response.data.data 
                    })
              },  
      }
</script>

Answer 1

[Дмитрий Беляев]

<div  v-for="product in products" class="row product-row" @click="setcookie(product)">
<script>
methods: {
  setcookie(product) {
    document.cookie = 'app_cookie_name=' + product.name;
    console.log(document.cookie);
  },
}
</script>

Answer 2

[Alex]

v-for="product in products" class="row product-row" @click="() => setcookie(product)"

setcookie(product) {
  document.cookie = product
  console.log(document.cookie);
},