fix: fixed docs build [WTEL-3840]

.github/workflows/release.yml

@@ -12,11 +12,11 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: '18.x'
+          node-version: '20.x'
       - run: npm ci
       - run: npm run test:unit
 #      - run: npm run build
-      - run: npm run styleguide:build
+      - run: npm run docs:build
 
       - name: get-npm-version
         id: package-version
@@ -25,7 +25,7 @@ jobs:
       - name: Easy Zip Files
         uses: vimtor/[email protected]
         with:
-          files: docs-dist/
+          files: docs/.vitepress/dist/
           dest: docs.zip
 
 

.github/workflows/test.yml

@@ -13,6 +13,6 @@ jobs:
     - name: Use Node.js
       uses: actions/setup-node@v3
       with:
-        node-version: '18.x'
+        node-version: '20.x'
     - run: npm ci
     - run: npm run test:unit

docs/.vitepress/config.mjs

@@ -12,6 +12,13 @@ export default defineConfig({
   title: 'Webitel UI',
   description: 'Webitel UI docs',
   vite: {
+    ssr: {
+      noExternal: [
+        '@vuelidate/core',
+        'vue-multiselect',
+        'webitel-sdk',
+      ],
+    },
     css: {
       preprocessorOptions: {
         scss: {

docs/.vitepress/theme/Layout.vue

@@ -3,7 +3,7 @@
 <script setup>
 import { useData } from 'vitepress';
 import DefaultTheme from 'vitepress/theme';
-import { provide } from 'vue';
+import { onMounted, provide } from 'vue';
 
 const { isDark } = useData();
 
@@ -13,12 +13,14 @@ const toggleComponentsDarkTheme = (value) => {
   else html.classList.remove('theme--dark');
 };
 
-toggleComponentsDarkTheme(isDark.value);
-
 provide('toggle-appearance', () => {
   isDark.value = !isDark.value;
   toggleComponentsDarkTheme(isDark.value);
 });
+
+onMounted(() => {
+  toggleComponentsDarkTheme(isDark.value);
+});
 </script>
 
 <template>