Options.vue 582 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template>
  2. <main>
  3. <h1>Options</h1>
  4. <hr/>
  5. <br/>
  6. <div class="control">
  7. <label for="passcode">Passcode: </label>
  8. <input type="text" id="passcode" v-model="passcode"/>
  9. </div>
  10. <button class="button" @click="save()">Save</button>
  11. </main>
  12. </template>
  13. <script>
  14. export default {
  15. components: { },
  16. data: () => {
  17. return {
  18. passcode: ""
  19. }
  20. },
  21. computed: {
  22. },
  23. methods: {
  24. save() {
  25. localStorage.setItem("passcode", this.passcode);
  26. }
  27. },
  28. mounted() {
  29. this.passcode = localStorage.getItem("passcode");
  30. }
  31. };
  32. </script>
  33. <style lang="scss" scoped>
  34. </style>