keanu-weblite/src/components/RoomDialogBase.vue
N-Pex b1d47748c8 Use SASS module system
Get rid of all the SASS warnings/errors when building.
2025-05-19 10:25:46 +02:00

43 lines
No EOL
793 B
Vue

<template><div></div></template>
<script>
import roomInfoMixin from "./roomInfoMixin";
export default {
name: "RoomDialogBase",
mixins: [roomInfoMixin],
props: ['modelValue'],
emits: ['update:modelValue'],
data() {
return {
showDialog: false,
};
},
watch: {
room() {
this.showDialog = this.shouldShow();
},
modelValue() {
this.showDialog = this.shouldShow();
},
showDialog() {
if (!this.showDialog) {
this.$emit('update:modelValue', false)
} else {
this.onOpenDialog();
}
},
},
methods: {
shouldShow() {
return this.modelValue && this.room ? true : false;
},
onOpenDialog() {
}
},
};
</script>
<style lang="scss">
@use "@/assets/css/chat.scss" as *;
</style>