fix: type

apps/admin/src/pages/chat/components/ChatPanel/index.vue

@@ -7,8 +7,8 @@ defineOptions({
   name: "ChatPanel",
 });
 
-const chatWrapperRef = ref();
-const toolbarRef = ref();
+const chatWrapperRef = resolveRef(null);
+const toolbarRef = resolveRef(null);
 
 const { height: wrapperHeight } = useElementSize(chatWrapperRef);
 const { height: toolbarHeight } = useElementSize(toolbarRef);

apps/admin/src/pages/dashboard/components/DataOverview.vue

@@ -12,7 +12,7 @@ function tooltipItemsHtmlString(items: ToolTipFormatterParams[]) {
         el.color
       }" class="tooltip-item-icon"></span><span>${el.seriesName}</span>
         </p>
-        <span class="tooltip-value">${el.value.toLocaleString()}</span>
+        <span class="tooltip-value">${el.value?.toLocaleString()}</span>
       </div>`,
     )
     .reverse()

apps/admin/src/pages/internal/iframe/IframePage.vue

@@ -1,14 +1,12 @@
 <script setup lang="ts">
 withDefaults(defineProps<{
   iframeLink?: string;
-  width?: number;
-  height?: number;
 }>(), {
   iframeLink: "",
-  width: 0,
-  height: 0,
 });
 const frameRef = ref<HTMLIFrameElement | null>();
+const width = defineModel("width", { default: 0 });
+const height = defineModel("height", { default: 0 });
 const loading = ref(true);
 function finishLoading() {
   loading.value = false;

packages/web/hooks/src/useLoading.ts

@@ -1,13 +1,10 @@
-import { useToggle } from "@vueuse/core";
-
 export function useLoading(initValue = false) {
-  const [value, toggle] = useToggle(initValue);
+  const loading = ref(initValue);
   const setLoading = (loadingValue: boolean) => {
-    value.value = loadingValue;
+    loading.value = loadingValue;
   };
   return {
-    loading: value,
+    loading,
     setLoading,
-    toggle,
   };
 }