Merge pull request #11 from virak-cloud/dev2master

fix: correct typo in text content

Author: dnyall

docs/.vitepress/config.mts

@@ -63,7 +63,7 @@ export default defineConfig({
                 displayDetails: 'نمایش جزئیات',
                 resetButtonTitle: 'پاک کردن متن جستجو',
                 backButtonTitle: 'بازگشت',
-                noResultsText: 'نتیجه ای برای جسنجوی شما پیدا نشد :(',
+                noResultsText: 'نتیجه ای برای جستجوی شما پیدا نشد :(',
                 footer: {
                   selectText: 'انتخاب کنید',
                   navigateText: 'پیمایش کنید',

docs/.vitepress/theme/components/DarkModeImages.vue

@@ -1,19 +1,20 @@
 <template>
-  <div>
-    <div v-if="isDarkMode">
-      <img width="100%" height="auto" data-zoomable :src="darkSrc" :alt="alt" />
-    </div>
-    <div v-else>
-      <img data-zoomable :src="lightSrc" :alt="alt" />
-    </div>
+  <div v-if="mounted">
+    <img width="100%" height="auto" data-zoomable :src="isDarkMode ? darkSrc : lightSrc" :alt="alt" />
   </div>
 </template>
 
 <script setup>
+import { ref, onMounted, computed } from 'vue'
 import { useData } from 'vitepress'
-import { computed } from 'vue'
 const { isDark } = useData()
 
+const mounted = ref(false)
+
+onMounted(() => {
+  mounted.value = true
+})
+
 const isDarkMode = computed(() => {
   return isDark.value
 })

docs/.vitepress/theme/styles/custom.css

@@ -25,7 +25,7 @@
 }
 
 header.VPNav .title .logo {
-    height: 35px !important;
+  height: 35px !important;
 }
 
 /* Define the custom font for RTL */
@@ -58,9 +58,6 @@ header.VPNav .title .logo {
     transform: scaleX(-1);
   }
 
-  #VPSidebarNav .VPSidebarItem.collapsed .caret .caret-icon {
-    transform: scaleX(-1);
-  }
 
   .search-input {
     padding: 6px 12px;
@@ -113,6 +110,10 @@ header.VPNav .title .logo {
     padding-right: unset;
   }
 
+  #VPSidebarNav .VPSidebarItem.collapsed .caret .caret-icon {
+    transform: rotate(0deg);
+  }
+
   @media only screen and (width > 960px) {
     .VPSidebar {
       inset-inline-start: 0 !important;