chore: clean up

assets/auto-imports.d.ts

@@ -87,6 +87,7 @@ declare global {
   const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
   const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
   const onDeactivated: typeof import('vue')['onDeactivated']
+  const onElementRemoval: typeof import('@vueuse/core')['onElementRemoval']
   const onErrorCaptured: typeof import('vue')['onErrorCaptured']
   const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
   const onLongPress: typeof import('@vueuse/core')['onLongPress']
@@ -475,6 +476,7 @@ declare module 'vue' {
     readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
     readonly onClickOutside: UnwrapRef<typeof import('@vueuse/core')['onClickOutside']>
     readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
+    readonly onElementRemoval: UnwrapRef<typeof import('@vueuse/core')['onElementRemoval']>
     readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
     readonly onKeyStroke: UnwrapRef<typeof import('@vueuse/core')['onKeyStroke']>
     readonly onLongPress: UnwrapRef<typeof import('@vueuse/core')['onLongPress']>

assets/components/LogViewer/ComplexLogItem.vue

@@ -1,7 +1,7 @@
 <template>
   <LogItem :logEntry @click="showDrawer(LogDetails, { entry: logEntry })" class="clickable">
-    <ul class="fields space-x-4">
-      <li v-for="(value, name) in validValues" :key="name">
+    <ul class="space-x-4">
+      <li v-for="(value, name) in validValues" :key="name" class="inline-flex">
         <span class="text-light">{{ name }}=</span><span class="font-bold" v-if="value === null">&lt;null&gt;</span>
         <template v-else-if="Array.isArray(value)">
           <span class="font-bold" v-html="JSON.stringify(value)"> </span>
@@ -33,10 +33,4 @@ const showDrawer = useDrawer();
 .text-light {
   @apply text-base-content/70;
 }
-
-.fields {
-  li {
-    @apply inline-flex;
-  }
-}
 </style>

assets/components/LogViewer/LogList.vue

@@ -70,10 +70,6 @@ useIntersectionObserver(
     &:last-child {
       scroll-margin-block-end: 5rem;
     }
-
-    .jump-context {
-      @apply mr-2 flex items-center font-sans text-secondary;
-    }
   }
 
   &.small {

assets/components/common/CarouselItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full min-w-full flex-shrink-0 snap-start snap-always">
+  <div class="w-full min-w-full shrink-0 snap-start snap-always">
     <slot />
   </div>
 </template>

assets/pages/index.vue

@@ -34,20 +34,4 @@ watchEffect(() => {
   padding-top: 1em;
   padding-bottom: 1em;
 }
-
-.stat > div {
-  @apply text-center;
-}
-
-.stat-value {
-  @apply font-light;
-}
-
-.stat-title {
-  @apply font-light;
-}
-
-.section + .section {
-  padding-top: 0;
-}
 </style>

assets/pages/login.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="card w-96 flex-shrink-0 bg-base-lighter shadow-2xl">
+  <div class="card w-96 shrink-0 bg-base-lighter shadow-2xl">
     <div class="card-body">
       <form action="" method="post" @submit.prevent="onLogin" ref="form" class="flex flex-col gap-8">
         <label class="form-control w-full">