fix(TOC): add name option, rename class to toc--item for sidebar styling

Author: Copilot

src/components/detail/TOC.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-for="item in toc" :key="item.id" class="toc-item" :style="{ paddingLeft: item.val * 0.2 + 'em' }">
+    <div v-for="item in toc" :key="item.id" :style="{ paddingLeft: item.val * 0.2 + 'em' }">
 
       <div class="toc-content" @click="scrollToHeading(item.id, $event)">
 
@@ -57,10 +57,10 @@ const scrollToHeading = (headingId, e) => {
   })
 }
 </script>
+<script>
+export default { name: "TOC" }
+</script>
 <style scoped>
-.toc-item {
-  user-select: none;
-}
 
 .toc-content {
   display: flex;