shared-ritm 1.2.22 → 1.2.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shared-ritm",
-  "version": "1.2.22",
+  "version": "1.2.24",
   "private": false,
   "files": [
     "dist",

package/src/common/app-layout/AppLayout.vue

@@ -5,13 +5,10 @@
     </div>
 
     <slot name="drawer" />
-
     <slot name="header" :style="marginLeft" />
 
     <q-page-container :class="{ container: container }" @wheel="mouseMove">
-      <div :style="marginLeft">
-        <slot name="content" />
-      </div>
+      <slot name="content" :style="marginLeft" />
     </q-page-container>
 
     <slot name="footer" />
@@ -19,7 +16,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, defineProps, onBeforeUnmount, onMounted, ref } from 'vue'
+import { computed, defineProps, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
 import AppLoader from '@/common/app-loader/index.vue'
 interface LayoutProps {
   logged: boolean
@@ -48,12 +45,13 @@ function checkPaddingLeft() {
   const el = document.querySelector('.q-page-container') as HTMLElement | null
 
   if (el) {
-    const observer = new ResizeObserver(() => {
-      console.log(window.getComputedStyle(el).paddingLeft)
-      hasPaddingLeft.value = window.getComputedStyle(el).paddingLeft !== '0px'
+    nextTick(() => {
+      const observer = new ResizeObserver(() => {
+        hasPaddingLeft.value = window.getComputedStyle(el).paddingLeft !== '0px'
+      })
+      observer.observe(el)
+      onBeforeUnmount(() => observer.disconnect())
     })
-    observer.observe(el)
-    onBeforeUnmount(() => observer.disconnect())
   }
 }
 

package/src/main.ts

@@ -16,3 +16,13 @@ app.use(Quasar, quasarUserOptions)
 
 app.use(router)
 app.mount('#app')
+
+const observerErrRe = /^ResizeObserver loop completed/
+
+const originalConsoleError = console.error
+console.error = (...args) => {
+  if (typeof args[0] === 'string' && observerErrRe.test(args[0])) {
+    return
+  }
+  originalConsoleError(...args)
+}