- run by vite

- change camera

src/components/PopUp.vue

@@ -1,45 +1,45 @@
-<script setup lang="ts">
-import { ref, defineProps, watch } from "vue";
-import HeaderPopup from "@/components/HeaderPopup.vue";
-import FormTime from "@/components/FormTime.vue";
-
-const props = defineProps({
-  modal: {
-    type: Boolean,
-    default: false,
-  },
-  title: {
-    type: String,
-    default: "",
-  },
-  clickClose: {
-    type: Function,
-    default: null,
-  },
-  dataById: {
-    type: Object,
-    default: null,
-  },
-});
-
-// -ข้อมูล
-const data = ref<any>();
-function clickClosePopup() {
-  props.clickClose();
-}
-watch(props, () => {
-  if (props.modal === true) {
-    data.value = props.dataById;
-  }
-});
-</script>
-<template>
-  <q-dialog v-model="props.modal" full-height>
-    <q-card class="column full-height" style="width: 300px">
-      <HeaderPopup :title="props.title" :clickClose="clickClosePopup" />
-      <FormTime :dataById="data" :closePopup="clickClosePopup" />
-    </q-card>
-  </q-dialog>
-</template>
-
-<style scoped></style>
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import HeaderPopup from '@/components/HeaderPopup.vue'
+import FormTime from '@/components/FormTime.vue'
+
+const props = defineProps({
+  modal: {
+    type: Boolean,
+    default: false,
+  },
+  title: {
+    type: String,
+    default: '',
+  },
+  clickClose: {
+    type: Function,
+    default: null,
+  },
+  dataById: {
+    type: Object,
+    default: null,
+  },
+})
+
+// -ข้อมูล
+const data = ref<any>()
+function clickClosePopup() {
+  props.clickClose()
+}
+watch(props, () => {
+  if (props.modal === true) {
+    data.value = props.dataById
+  }
+})
+</script>
+<template>
+  <q-dialog v-model="props.modal" full-height>
+    <q-card class="column full-height" style="width: 300px">
+      <HeaderPopup :title="props.title" :clickClose="clickClosePopup" />
+      <FormTime :dataById="data" :closePopup="clickClosePopup" />
+    </q-card>
+  </q-dialog>
+</template>
+
+<style scoped></style>