Gathering detailed insights and metrics for vue-cookie-next
Gathering detailed insights and metrics for vue-cookie-next
A vue 3 plugin for handling browser cookies with typescript support. Load and save cookies within your Vue 3 application
Installations
npm install vue-cookie-nextDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS, UMD
Node Version
14.15.0
NPM Version
7.19.0
Score
68.7
Supply Chain
99.5
Quality
75.8
Maintenance
100
Vulnerability
100
License
Releases
5
Languages
3
TypeScript
JavaScript
Shell
TypeScript (48.46%)
JavaScript (44.09%)
Shell (7.45%)
Developer
anish2690
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
53 Stars
23 Commits
6 Forks
1 Watchers
2 Branches
4 Contributors
Updated on Jun 13, 2024
Maintainers
1
Package Meta Information
Latest Version
1.3.0
Package Id
vue-cookie-next@1.3.0
Unpacked Size
47.60 kB
Size
7.35 kB
File Count
10
NPM Version
7.19.0
Node Version
14.15.0
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
1
Dev Dependencies
17
vue-cookie-next
A simple Vue 3 plugin for handling browser cookies with typescript support
Installation
Browser
1<html lang="en"> 2 <head> 3 <script src="https://unpkg.com/vue/dist/vue.js"></script> 4 </head> 5 <body> 6 <div id="app"></div> 7 </body> 8 <script type="module"> 9 import { VueCookieNext } from 'https://unpkg.com/vue-cookie-next@1.0.0/dist/vue-cookie-next.esm-bundler.js' 10 const CookieTest = { 11 mounted() { 12 this.$cookie.setCookie('username', 'user1') 13 console.log(this.$cookie.getCookie('username')) 14 }, 15 } 16 Vue.createApp(CookieTest).use(VueCookieNext).mount('#app') 17 </script> 18</html>
Package Managers
npm install vue-cookie-next
//or
yarn add vue-cookie-next
1import { createApp } from 'vue' 2import { VueCookieNext } from 'vue-cookie-next' 3 4import App from 'App.vue' 5const app = createApp(App) 6app.use(VueCookieNext) 7app.mount('#app') 8 9// set default config 10VueCookieNext.config({ expire: '7d' }) 11 12// set global cookie 13VueCookieNext.setCookie('theme', 'default') 14VueCookieNext.setCookie('hover-time', { expire: '1s' })
Composition API
1import { defineComponent } from 'vue' 2import { useCookie } from 'vue-cookie-next' 3 4defineComponent({ 5 setup() { 6 const cookie = useCookie() 7 cookie.setCookie('theme', 'dark') 8 cookie.removeCookie('hover-time') 9 }, 10});
API Options
syntax format: [this | VueCookieNext].$cookie.[method]
- Set global config
1VueCookieNext.config({ 2 expire: '1d', 3 path: '/', 4 domain: '', 5 secure: '', 6 sameSite: '', 7}) 8// default: expireTimes = 1d, path = '/', domain = '', secure = '', sameSite = 'Lax'
- Set a cookie
1this.$cookie.setCookie(keyName, value, { 2 expire: '1d', 3 path: '/', 4 domain: '', 5 secure: '', 6 sameSite: '', 7}) //return this
- Get a cookie
1this.$cookie.getCookie(keyName) // return value
- Remove a cookie
1this.$cookie.removeCookie(keyName, { 2 path: '/', 3 domain: '', 4}) // return this | false if key not found
- Exist a
cookie name
1this.$cookie.isCookieAvailable(keyName) // return false or true
- Get All
cookie name
1this.$cookie.keys() // return a array string
Example Usage
set global config
1import { VueCookieNext } from 'vue-cookie-next'
2// 30 day after, expire
3VueCookieNext.config({ expire: '30d' })
4
5// set secure, only https works
6VueCookieNext.config({ expire: '7d', secure: true })
7
8// 2019-03-13 expire
9VueCookieNext.config({ expire: new Date(2019, 03, 13).toUTCString() })
10
11// 30 day after, expire, '' current path , browser default
12VueCookieNext.config({ expire: 60 * 60 * 24 * 30 })support json object
1var user = { 2 user_id: 1, 3 name: 'Ben', 4 session: '75442486-0878-440c-9db1-a7006c25a39f', 5 session_start_time: new Date(), 6} 7 8this.$cookie.setCookie('user', user) 9// print user name 10console.log(this.$cookie.getCookieCookie('user').name)
set expire times
Suppose the current time is : Sat, 11 Mar 2017 12:25:57 GMT
Following equivalence: 1 day after, expire
Support chaining sets together
1// default expire time: 1 day 2this.$cookie 3 .setCookie('user_session', '75442486-0878-440c-9db1-a7006c25a39f') 4 // number + d , ignore case 5 .setCookie('user_session', '75442486-0878-440c-9db1-a7006c25a39f', { 6 expire: '1d', 7 }) 8 .setCookie('user_session', '75442486-0878-440c-9db1-a7006c25a39f', { 9 expire: '1D', 10 }) 11 // Base of second 12 .setCookie('user_session', '75442486-0878-440c-9db1-a7006c25a39f', { 13 expire: 60 * 60 * 24, 14 }) 15 // input a Date, + 1day 16 .setCookie('user_session', '75442486-0878-440c-9db1-a7006c25a39f', { 17 expire: new Date(2017, 03, 12), 18 }) 19 // input a date string, + 1day 20 .setCookie('user_session', '75442486-0878-440c-9db1-a7006c25a39f', { 21 expire: 'Sat, 13 Mar 2017 12:25:57 GMT', 22 })
set expire times, input number type
1this.$cookie.setCookie('default_unit_second', 'input_value', { expire: 1 }) // 1 second after, expire 2this.$cookie.setCookie('default_unit_second', 'input_value', { 3 expire: 60 + 30, 4}) // 1 minute 30 second after, expire 5this.$cookie.setCookie('default_unit_second', 'input_value', { 6 expire: 60 * 60 * 12, 7}) // 12 hour after, expire 8this.$cookie.setCookie('default_unit_second', 'input_value', { 9 expire: 60 * 60 * 24 * 30, 10}) // 1 month after, expire
set expire times - end of browser session
1this.$cookie.setCookie('default_unit_second', 'input_value', { expire: 0 }) // end of session - use 0 or "0"!
set expire times , input string type
| Unit | full name |
|---|---|
| y | year |
| m | month |
| d | day |
| h | hour |
| min | minute |
| s | second |
Unit Names Ignore Case
not support the combination
not support the double value
1this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { 2 expire: '60s', 3}) // 60 second after, expire 4this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { 5 expire: '30MIN', 6}) // 30 minute after, expire, ignore case 7this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { 8 expire: '24d', 9}) // 24 day after, expire 10this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { 11 expire: '4m', 12}) // 4 month after, expire 13this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { 14 expire: '16h', 15}) // 16 hour after, expire 16this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { 17 expire: '3y', 18}) // 3 year after, expire 19 20// input date string 21this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { 22 expire: new Date(2017, 3, 13).toUTCString(), 23}) 24this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { 25 expire: 'Sat, 13 Mar 2017 12:25:57 GMT ', 26})
set expire support date
1var date = new Date() 2date.setDate(date.getDate() + 1) 3this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { 4 expire: date, 5})
set never expire
1this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { 2 expire: Infinity, 3}) // never expire 4// never expire , only -1,Other negative Numbers are invalid 5this.$cookie.setCookie('token', 'GH1.1.1689020474.1484362313', { expire: -1 })
remove cookie
1this.$cookie.setCookie('token', 'value') // domain.com and *.doamin.com are readable 2this.$cookie.removeCookie('token') // remove token of domain.com and *.doamin.com 3 4this.$cookie.setCookie('token', value, { domain: 'domain.com' }) // only domain.com are readable 5this.$cookie.removeCookie('token', { domain: 'domain.com' }) // remove token of domain.com
set other arguments
1// set path 2this.$cookie.setCookie('use_path_argument', 'value', { 3 expire: '1d', 4 path: '/app', 5}) 6 7// set domain 8this.$cookie.setCookie('use_path_argument', 'value', { domain: 'domain.com' }) // default 1 day after,expire 9 10// set secure 11this.$cookie.setCookie('use_path_argument', 'value', { 12 secure: true, 13}) 14 15// set sameSite - should be one of `None`, `Strict` or `Lax`. Read more https://web.dev/samesite-cookies-explained/ 16this.$cookie.setCookie('use_path_argument', 'value', { sameSite: 'Lax' })
other operation
1// check a cookie exist 2this.$cookie.isCookieAvailable("user_session") 3 4// get a cookie 5this.$cookie.getCookie("user_session"); 6 7// remove a cookie 8this.$cookie.removeCookie("user_session"); 9 10// get all cookie key names, line shows 11this.$cookie.keys().join("\n"); 12 13// remove all cookie 14this.$cookie.keys().forEach(cookie => this.$cookie.removeCookie(cookie)) 15 16// vue-cookie-next global 17[this | VueCookieNext].$cookie.[method] 18
⚠️ Warning
$cookie key names Cannot be set to ['expires','max-age','path','domain','secure','SameSite']
🌸 Thanks
This project is heavily inspired by the following awesome projects.
Thanks!
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
Found 3/20 approved changesets -- score normalized to 1
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 10 are checked with a SAST tool
Reason
72 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
- Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5
- Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-phwq-j96m-2c2q
- Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6
- Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w
- Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
- Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
- Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
- Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
- Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
- Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh
- Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-ww39-953v-wcq6
- Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
- Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
- Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
- Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
- Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr
- Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
- Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
- Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
- Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-qrpm-p2h7-hrv2
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
- Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6
- Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59
- Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
- Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6
- Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj
- Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq
- Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
- Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
- Warn: Project is vulnerable to: GHSA-38fc-wpqx-33j7
- Warn: Project is vulnerable to: GHSA-qgmg-gppg-76g5
- Warn: Project is vulnerable to: GHSA-mv48-hcvh-8jj8
- Warn: Project is vulnerable to: GHSA-353f-5xf4-qw67
- Warn: Project is vulnerable to: GHSA-64vr-g452-qvp3
- Warn: Project is vulnerable to: GHSA-9cwx-2883-4wfx
- Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6
- Warn: Project is vulnerable to: GHSA-x574-m823-4x7w
- Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8
- Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x
- Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4
- Warn: Project is vulnerable to: GHSA-859w-5945-r5v3
- Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Score
1.9
/10
Last Scanned on 2025-07-14
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More