clean

components/Nav/Navbar.vue

@@ -24,10 +24,6 @@ watchEffect(() => {
   theme.global.name.value = switchTheme.value ? "dark" : "light";
 })
 
-// function toggleSwitchTheme() {
-
-//   theme.global.name.value = switchTheme.value ? "light" : "dark";
-// }
 const sections = ref([
   {
     id: "webservice",

layouts/article-no-toc.vue

-<script setup lang="ts">
-const { page } = useContent();
-// import { useCustomTheme } from '~/composables/useCustomTheme'
-import { useDisplay } from 'vuetify'
 
-// const { isDark } = useCustomTheme()
-// const { mobile } = useDisplay()
-
-
-</script>
 <template>
     <VApp>
         <v-main style="min-height: 300px">
             <v-container>
                 <slot />
-                <!-- <EditGitlab /> -->
                 <NavPrevNext />
             </v-container>
-            <!-- <Footer></Footer> -->
         </v-main>
         <NavNavbar />
         <nav-back-to-top />

layouts/article.vue

 <script setup lang="ts">
 const { page } = useContent();
-// import { useCustomTheme } from '~/composables/useCustomTheme'
-import { useDisplay } from 'vuetify'
-
-
 const scrollThreshold = ref(200)
-const density = ref("prominent")
-function onScroll(e) {
+const density = ref<'compact' | 'prominent'>("prominent")
+function onScroll() {
   if (window.scrollY > scrollThreshold.value) {
     density.value = "compact"
   }
@@ -15,12 +11,7 @@ function onScroll(e) {
 </script>
 <template>
   <VApp>
-
     <v-main style="min-height: 300px">
-
-      <!-- <v-container class="fill-height w-auto" > -->
-      <!-- <v-card flat max-width="1000" min-height="300" color="transparent">
-            <v-card-text> -->
       <v-container v-scroll="onScroll">
         <slot />
         <!-- </v-card-text>