From c38787f60bec448863d1fbac2fd650c59eb24c54 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Sat, 30 Jul 2022 15:23:41 +0200
Subject: [PATCH] docs: set repl view height

---
 docs2/components/Repl.vue | 10 ++++++---
 pnpm-lock.yaml            | 44 +++------------------------------------
 2 files changed, 10 insertions(+), 44 deletions(-)

diff --git a/docs2/components/Repl.vue b/docs2/components/Repl.vue
index 98708f4e..c7d32ea7 100644
--- a/docs2/components/Repl.vue
+++ b/docs2/components/Repl.vue
@@ -36,9 +36,11 @@ const store = new ReplStore({
   outputMode: 'preview',
 })
 
+const vh = useCssVar('--vh')
+
 watchEffect(
   () => {
-    document.documentElement.style.setProperty('--vh', `${window.innerHeight}px`)
+    vh.value = `${window.innerHeight}px`
   },
   { flush: 'post' },
 )
@@ -99,12 +101,14 @@ const sfcOptions = {
 }
 
 .vue-repl {
+  --vh: 100vh;
+
   @apply rounded-lg border-1 border-solid dark:border-gray-200/10 border-gray-200;
 
-  height: calc(var(--vh) - var(--navbar-height));
+  height: calc(var(--vh) - 72px);
 }
 
 .msg.err {
-  display: none;
+  @apply hidden;
 }
 </style>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0b6188e5..7c661ab3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -125,7 +125,7 @@ importers:
       unplugin-icons: 0.14.7_vite@2.9.14
       unplugin-vue-components: 0.19.9_vite@2.9.14+vue@3.2.37
       vite-plugin-windicss: 1.8.7_vite@2.9.14
-      vitepress: 1.0.0-alpha.4_react@18.2.0
+      vitepress: 1.0.0-alpha.4_ju6wpa2hqqdrjfl4p3m6tanjem
       windicss: 3.5.6
 
   e2e:
@@ -309,16 +309,6 @@ packages:
       '@algolia/autocomplete-shared': 1.7.1
     dev: true
 
-  /@algolia/autocomplete-preset-algolia/1.7.1_algoliasearch@4.14.1:
-    resolution: {integrity: sha512-pJwmIxeJCymU1M6cGujnaIYcY3QPOVYZOXhFkWVM7IxKzy272BwCvMFMyc5NpG/QmiObBxjo7myd060OeTNJXg==}
-    peerDependencies:
-      '@algolia/client-search': ^4.9.1
-      algoliasearch: ^4.9.1
-    dependencies:
-      '@algolia/autocomplete-shared': 1.7.1
-      algoliasearch: 4.14.1
-    dev: true
-
   /@algolia/autocomplete-preset-algolia/1.7.1_ijl3zn6qdutzynwszelmecaexm:
     resolution: {integrity: sha512-pJwmIxeJCymU1M6cGujnaIYcY3QPOVYZOXhFkWVM7IxKzy272BwCvMFMyc5NpG/QmiObBxjo7myd060OeTNJXg==}
     peerDependencies:
@@ -1854,18 +1844,6 @@ packages:
       - react-dom
     dev: true
 
-  /@docsearch/js/3.1.1_react@18.2.0:
-    resolution: {integrity: sha512-bt7l2aKRoSnLUuX+s4LVQ1a7AF2c9myiZNv5uvQCePG5tpvVGpwrnMwqVXOUJn9q6FwVVhOrQMO/t+QmnnAEUw==}
-    dependencies:
-      '@docsearch/react': 3.1.1_react@18.2.0
-      preact: 10.10.0
-    transitivePeerDependencies:
-      - '@algolia/client-search'
-      - '@types/react'
-      - react
-      - react-dom
-    dev: true
-
   /@docsearch/react/3.1.1_ju6wpa2hqqdrjfl4p3m6tanjem:
     resolution: {integrity: sha512-cfoql4qvtsVRqBMYxhlGNpvyy/KlCoPqjIsJSZYqYf9AplZncKjLBTcwBu6RXFMVCe30cIFljniI4OjqAU67pQ==}
     peerDependencies:
@@ -1884,22 +1862,6 @@ packages:
       - '@algolia/client-search'
     dev: true
 
-  /@docsearch/react/3.1.1_react@18.2.0:
-    resolution: {integrity: sha512-cfoql4qvtsVRqBMYxhlGNpvyy/KlCoPqjIsJSZYqYf9AplZncKjLBTcwBu6RXFMVCe30cIFljniI4OjqAU67pQ==}
-    peerDependencies:
-      '@types/react': '>= 16.8.0 < 19.0.0'
-      react: '>= 16.8.0 < 19.0.0'
-      react-dom: '>= 16.8.0 < 19.0.0'
-    dependencies:
-      '@algolia/autocomplete-core': 1.7.1
-      '@algolia/autocomplete-preset-algolia': 1.7.1_algoliasearch@4.14.1
-      '@docsearch/css': 3.1.1
-      algoliasearch: 4.14.1
-      react: 18.2.0
-    transitivePeerDependencies:
-      - '@algolia/client-search'
-    dev: true
-
   /@egjs/agent/2.4.2:
     resolution: {integrity: sha512-UZQzdpPl0g0M1wDAiq4EY2vUzUI6P5SKGOAPkf0yxSnlcwrU8/zuoyUWbYj11ROFeHV8iW0IetGsmia83z1Hbw==}
     dev: false
@@ -12891,13 +12853,13 @@ packages:
       fsevents: 2.3.2
     dev: true
 
-  /vitepress/1.0.0-alpha.4_react@18.2.0:
+  /vitepress/1.0.0-alpha.4_ju6wpa2hqqdrjfl4p3m6tanjem:
     resolution: {integrity: sha512-bOAA4KW6vYGlkbcrPLZLTKWTgXVroObU+o9xj9EENyEl6yg26WWvfN7DGA4BftjdM5O8nR93Z5khPQ3W/tFE7Q==}
     engines: {node: '>=14.6.0'}
     hasBin: true
     dependencies:
       '@docsearch/css': 3.1.1
-      '@docsearch/js': 3.1.1_react@18.2.0
+      '@docsearch/js': 3.1.1_ju6wpa2hqqdrjfl4p3m6tanjem
       '@vitejs/plugin-vue': 2.3.3_vite@2.9.14+vue@3.2.37
       '@vue/devtools-api': 6.2.1
       '@vueuse/core': 8.9.4_vue@3.2.37