Merge 309e6a80fc into 9b2dd504fa

1 year ago · a0a2694cae
parent 9b2dd504fa 309e6a80fc
commit a0a2694cae
6 changed files with 8 additions and 5 deletions
--- a/src/client/theme-default/components/VPFlyout.vue
+++ b/src/client/theme-default/components/VPFlyout.vue
@ -22,7 +22,7 @@ function onBlur() {

 <template>
  <div
-    class="VPFlyout"
+    class="VPFlyout js-required"
    ref="el"
    @mouseenter="open = true"
    @mouseleave="open = false"
--- a/src/client/theme-default/components/VPLocalNav.vue
+++ b/src/client/theme-default/components/VPLocalNav.vue
@ -48,7 +48,8 @@ const classes = computed(() => {
    VPLocalNav: true,
    'has-sidebar': hasSidebar.value,
    empty: empty.value,
-    fixed: emptyAndNoSidebar.value
+    fixed: emptyAndNoSidebar.value,
+    'js-required': true
  }
 })
 </script>
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@ -46,6 +46,7 @@ watchPostEffect(() => {
          </VPNavBarTitle>
        </div>

+
        <div class="content">
          <div class="content-body">
            <slot name="nav-bar-content-before" />
@ -56,7 +57,7 @@ watchPostEffect(() => {
            <VPNavBarSocialLinks class="social-links" />
            <VPNavBarExtra class="extra" />
            <slot name="nav-bar-content-after" />
-            <VPNavBarHamburger class="hamburger" :active="isScreenOpen" @click="$emit('toggle-screen')" />
+            <VPNavBarHamburger class="hamburger js-required" :active="isScreenOpen" @click="$emit('toggle-screen')" />
          </div>
        </div>
      </div>
--- a/src/client/theme-default/components/VPNavBarExtra.vue
+++ b/src/client/theme-default/components/VPNavBarExtra.vue
@ -28,7 +28,7 @@ const hasExtraContent = computed(
      </template>
    </div>

-    <div v-if="site.appearance && site.appearance !== 'force-dark'" class="group">
+    <div v-if="site.appearance && site.appearance !== 'force-dark'" class="group js-required">
      <div class="item appearance">
        <p class="label">
          {{ theme.darkModeSwitchLabel || 'Appearance' }}
--- a/src/node/build/render.ts
+++ b/src/node/build/render.ts
@ -178,6 +178,7 @@ export async function renderPage(
        : ''
    }
    ${await renderHead(head)}
+    <noscript><style>.js-required{display:none!important}</style></noscript>
  </head>
  <body>${teleports?.body || ''}
    <div id="app">${content}</div>
--- a/src/node/markdown/plugins/preWrapper.ts
+++ b/src/node/markdown/plugins/preWrapper.ts
@ -20,7 +20,7 @@ export function preWrapperPlugin(md: MarkdownIt, options: Options) {
    const rawCode = fence(...args)
    return `<div class="language-${lang}${getAdaptiveThemeMarker(
      options
-    )}${active}"><button title="Copy Code" class="copy"></button><span class="lang">${lang}</span>${rawCode}</div>`
+    )}${active}"><button title="Copy Code" class="copy js-required"></button><span class="lang">${lang}</span>${rawCode}</div>`
  }
 }