Nuxt.js で Local Storage を利用する

<template>
  <container>
    <p>My job is <input type="text" v-model="job" /></p>
    <p>Your input is {{ job }}</p>
  </container>
</template>
<script>
export default {
  data () {
    return {
      job: ''
    }
  },
  mounted () {
    if (localStorage.job) {
      this.job = localStorage.job
    }
  },
  watch: {
    job (newJob) {
      localStorage.job = newJob
    }
  }
}
</script>