pull/2912/merge
Gavin John 1 year ago committed by GitHub
commit a0a2694cae
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -22,7 +22,7 @@ function onBlur() {
<template> <template>
<div <div
class="VPFlyout" class="VPFlyout js-required"
ref="el" ref="el"
@mouseenter="open = true" @mouseenter="open = true"
@mouseleave="open = false" @mouseleave="open = false"

@ -48,7 +48,8 @@ const classes = computed(() => {
VPLocalNav: true, VPLocalNav: true,
'has-sidebar': hasSidebar.value, 'has-sidebar': hasSidebar.value,
empty: empty.value, empty: empty.value,
fixed: emptyAndNoSidebar.value fixed: emptyAndNoSidebar.value,
'js-required': true
} }
}) })
</script> </script>

@ -46,6 +46,7 @@ watchPostEffect(() => {
</VPNavBarTitle> </VPNavBarTitle>
</div> </div>
<div class="content"> <div class="content">
<div class="content-body"> <div class="content-body">
<slot name="nav-bar-content-before" /> <slot name="nav-bar-content-before" />
@ -56,7 +57,7 @@ watchPostEffect(() => {
<VPNavBarSocialLinks class="social-links" /> <VPNavBarSocialLinks class="social-links" />
<VPNavBarExtra class="extra" /> <VPNavBarExtra class="extra" />
<slot name="nav-bar-content-after" /> <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> </div>
</div> </div>

@ -28,7 +28,7 @@ const hasExtraContent = computed(
</template> </template>
</div> </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"> <div class="item appearance">
<p class="label"> <p class="label">
{{ theme.darkModeSwitchLabel || 'Appearance' }} {{ theme.darkModeSwitchLabel || 'Appearance' }}

@ -178,6 +178,7 @@ export async function renderPage(
: '' : ''
} }
${await renderHead(head)} ${await renderHead(head)}
<noscript><style>.js-required{display:none!important}</style></noscript>
</head> </head>
<body>${teleports?.body || ''} <body>${teleports?.body || ''}
<div id="app">${content}</div> <div id="app">${content}</div>

@ -20,7 +20,7 @@ export function preWrapperPlugin(md: MarkdownIt, options: Options) {
const rawCode = fence(...args) const rawCode = fence(...args)
return `<div class="language-${lang}${getAdaptiveThemeMarker( return `<div class="language-${lang}${getAdaptiveThemeMarker(
options 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>`
} }
} }

Loading…
Cancel
Save