update: clean up code

src/client/app/components/ClientOnly.ts

@@ -8,7 +8,6 @@ export const ClientOnly = defineComponent({
     }
   },
   setup({ isClientOnly }, { slots }) {
-    if (isClientOnly) console.log({ isClientOnly, slots })
     // Programmatically determine if this component should be
     // client-only based on the presence of the isClientOnly attribute.
     if (!isClientOnly) return () => slots.default?.() || null

src/client/theme-default/components/VPNavBarMenu.vue

@@ -8,7 +8,7 @@ const { theme } = useData()
 </script>
 
 <template>
-  <ClientOnly :isClientOnly="isClientOnly(theme.nav)">
+  <ClientOnly :is-client-only="isClientOnly(theme.nav)">
     <nav
       v-if="theme.nav"
       aria-labelledby="main-nav-aria-label"

src/client/theme-default/components/VPSidebarGroup.vue

@@ -34,7 +34,7 @@ onBeforeUnmount(() => {
     class="group"
     :class="{ 'no-transition': disableTransition }"
   >
-    <ClientOnly :isClientOnly="isClientOnly(item)">
+    <ClientOnly :is-client-only="isClientOnly(item)">
       <VPSidebarItem :item="item" :depth="0" />
     </ClientOnly>
   </div>

src/client/theme-default/components/VPSidebarItem.vue

@@ -56,7 +56,7 @@ function onCaretClick() {
 </script>
 
 <template>
-  <ClientOnly :isClientOnly="isClientOnly(item)">
+  <ClientOnly :is-client-only="isClientOnly(item)">
     <component :is="sectionTag" class="VPSidebarItem" :class="classes">
       <div v-if="item.text" class="item" :role="itemRole" v-on="item.items
           ? { click: onItemInteraction, keydown: onItemInteraction }