changes

app/layouts/default.vue

@@ -1,35 +1,30 @@
 <template>
+  <slot></slot>
+  <Transition>
+    <SnackBar
+      v-if="$store.snackbar"
+      v-bind="$store.snackbar"
+      @close="$store.snackbar = undefined"
+    />
+  </Transition>
   <div
-    data-theme="light"
-    lang="vi"
+    id="modals"
+    class="absolute top-0"
   >
-    <slot></slot>
-    <Transition>
-      <SnackBar
-        v-if="$store.snackbar"
-        v-bind="$store.snackbar"
-        @close="$store.snackbar = undefined"
-      />
-    </Transition>
-    <div
-      id="modals"
-      class="absolute top-0"
-    >
-      <Modal
-        v-if="$store.showmodal"
-        v-bind="$store.showmodal"
-        @close="$store.showmodal = undefined"
-      />
-    </div>
+    <Modal
+      v-if="$store.showmodal"
+      v-bind="$store.showmodal"
+      @close="$store.showmodal = undefined"
+    />
   </div>
 </template>
 
 <script setup>
 import { onMounted } from "vue";
 import { useRoute } from "vue-router";
+import { throttle } from "es-toolkit";
 import SnackBar from "~/components/snackbar/SnackBar.vue";
 import Modal from "~/components/Modal.vue";
-import { throttle } from "es-toolkit";
 
 const route = useRoute();
 const { $getdata, $requestLogin, $store } = useNuxtApp();
@@ -91,7 +86,7 @@ onMounted(() => {
 });
 </script>
 
-<style lang="css" scoped>
+<style scoped>
 .v-enter-active,
 .v-leave-active {
   transition: all 0.3s ease;