【Vue.js】【Nuxt.js】cookie-universal-nuxtで複数の値をcookieのキーとする。

cookie-universal-nuxt？

nuxtでcookieを使うライブラリ

www.npmjs.com

cookieを入れるときはこんな感じ

export default {
  created() {
    this.$cookies.set('isVisited', true, {
      path: '/',
      maxAge: 60 * 60 * 24 * 7
    })
  }
}

もらうときは

data () {
    return {
      isVisitedFromCache: this.$cookies.get('isVisited')
    }
  }

キーに２値入れたい時もある

タプルとか配列をキーには実はできない

export default {
  created() {
    this.$cookies.set(['isVisitedCount', 10], true, {
      path: '/',
      maxAge: 60 * 60 * 24 * 7
    })
  }
}

cookie-universal-nuxt は上手く動いてくれない。

こうする

export default {
  created() {
    this.$cookies.set({key: 'isVisitedCount', value: 10}, true, {
      path: '/',
      maxAge: 60 * 60 * 24 * 7
    })
  }
}

無名オブジェクトなんてものがES6にはありましたね。

これでもらえる。

data () {
    return {
      isVisitedFromCache: this.$cookies.get({key: 'isVisitedCount', value: 10})
    }
  }

これで解決