|
@@ -1,8 +1,8 @@
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
|
import { computed, ref, watch } from 'vue'
|
|
import { computed, ref, watch } from 'vue'
|
|
|
|
|
|
|
|
-const name = ref('')
|
|
|
|
|
-const room = ref('')
|
|
|
|
|
|
|
+const name = ref(localStorage.getItem('NAME') || '')
|
|
|
|
|
+const room = ref(localStorage.getItem('ROOM') || '')
|
|
|
const url = ref(localStorage.getItem('URL') || '')
|
|
const url = ref(localStorage.getItem('URL') || '')
|
|
|
const props = defineProps<{ modelValue: string }>()
|
|
const props = defineProps<{ modelValue: string }>()
|
|
|
const err = computed(() => props.modelValue)
|
|
const err = computed(() => props.modelValue)
|
|
@@ -20,9 +20,9 @@ function titleEvent(type: string) {
|
|
|
|
|
|
|
|
watch([ name, room, url ], ([ _, __, ___ ], [ _o, __o, ___o ]) => {
|
|
watch([ name, room, url ], ([ _, __, ___ ], [ _o, __o, ___o ]) => {
|
|
|
if (_ && __ && ___) emit('update:modelValue', '')
|
|
if (_ && __ && ___) emit('update:modelValue', '')
|
|
|
- if (___ !== ___o) {
|
|
|
|
|
- localStorage.setItem('URL', ___)
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ if (___ !== ___o) localStorage.setItem('URL', ___)
|
|
|
|
|
+ if (_ !== _o) localStorage.setItem('NAME', _)
|
|
|
|
|
+ if (__ !== __o) localStorage.setItem('ROOM', __)
|
|
|
})
|
|
})
|
|
|
</script>
|
|
</script>
|
|
|
<template>
|
|
<template>
|