Expiration always set to 'Session'

[leonardogruppelli]

I've followed the documentation to configure the package on my Vite project.

This is my main.js file, using globalCookiesConfig.

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { globalCookiesConfig } from 'vue3-cookies'
import router from '~/router'

import App from '~/App.vue'

import '~/assets/styles/index.css'

globalCookiesConfig({
  expireTimes: '7d',
  path: '/',
  secure: true,
  sameSite: 'None',
})

createApp(App).use(router).use(createPinia()).mount('#app')

Even though expireTimes is being set in the global configuration, all cookies are being created with the expiration set to Session.

[Melbourneandrew]

I am also experiencing this. Any fix?

[ghdl023]

I am also experiencing this. Any fix?

[Melbourneandrew]

I got it working with this in my main.js

import { globalCookiesConfig } from "vue3-cookies";

globalCookiesConfig({
  expireTimes: "30d",
  secure: true,
  sameSite: "Strict",
});

[jacobgoh101]

I am still facing this issue today.

fixed by using vanilla js

document.cookie = `token=${token}; expires=${expires}; path=/`;

[SiDawg]

I got it working with this in my main.js

import { globalCookiesConfig } from "vue3-cookies";

globalCookiesConfig({
  expireTimes: "30d",
  secure: true,
  sameSite: "Strict",
});

This works for me when using localhost:8080:

These scenarios in global config result in "session" cookie only for me, ignoring expiry time (e.g. 30d as above):

• Including path: "/"
• Including path: "<something arbitrary>"
• Including domain: "localhost"
• Including domain: "<something arbitrary>"

These scenarios result in expected behaviour, as long as I omit path: entry

• Including domain: ""
• Omiting domain:

Other notes

• There seemed to be some scenario where it was still broken with domain: "", but I can't replicate.
• If I leave domain: "", the browser cookie info shows that it defaults to "localhost"
• If i set domain: "localhost", browser info shows as localhost...
• ...but if I set domain: "" browser info STILL shows as localhost (and expiry ignored)

Publishing to my github page https://sidawg.github.io/Vuetar/ (first line = config scenario, bullets = reported in browser cookie info). I'm about 90% sure below is captured correctly :D Note i also have 'sameSite: "None"' (and secure = true)

Path omitted and (domain omitted or domain = "")

• Path = "/"
• Doman = "sidawg.github.io"
• Expiry dates
• Error in console "Error with permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'."

Path omitted and domain as sidawg.github.io

• Path = "/" (in browser dev cookie info)
• Doman = "sidawg.github.io"
• Session only
• Error in console "ssions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'."

(Path = "/Vuetar" or Path = "/") and (domain = "" or domain = "sidawg.github.io" or domain omitted)

• Path = "/Vuetar"
• Doman = "sidawg.github.io"
• Session only
• Error in console as above

So localhost and Github pages behaviour consistent. I think conclusions something like:

• Path and Domain settings are not being read by the browser if they are set
• Precense of path or domain settings is having unexpected results
• Absense of path and domain settings is achieving desired functionality but assumedly not going to be acceptable for those that actually want control of path or domain... OK with my use case