slidev-theme-gtlabo 1.0.4 → 1.0.6

package/components/CitationListPage.vue

@@ -7,23 +7,23 @@
     />
   
     <!-- 参考文献リスト -->
-    <div class="flex-1 overflow-y-auto px-4">
+    <div class="flex-1 overflow-y-auto px-6 py-2">
       <div
         v-if="citationsList.length > 0"
-        class="space-y-6"
+        class="space-y-3"
       >
         <div 
           v-for="(citation, index) in citationsList" 
           :key="citation.key"
-          class="citation-item border-l-4 border-sky-500 pl-6 py-2"
+          class="citation-item border-l-2 border-sky-400 pl-3 py-1"
         >
           <!-- 引用キー -->
-          <div class="text-lg font-semibold text-sky-700 mb-2">
+          <div class="text-sm font-semibold text-sky-700 mb-1">
             [{{ citation.key }}]
           </div>
             
           <!-- 引用情報 -->
-          <div class="text-gray-800 leading-relaxed">
+          <div class="text-xs text-gray-700 leading-relaxed">
             <!-- 著者 -->
             <span
               v-if="citation.data.author"
@@ -87,7 +87,7 @@
             <!-- DOI -->
             <div
               v-if="citation.data.doi"
-              class="mt-2 text-sm text-blue-600"
+              class="mt-1 text-xs text-blue-600"
             >
               DOI: <a
                 :href="`https://doi.org/${citation.data.doi}`"
@@ -101,7 +101,7 @@
             <!-- URL -->
             <div
               v-if="citation.data.url && !citation.data.doi"
-              class="mt-2 text-sm text-blue-600"
+              class="mt-1 text-xs text-blue-600"
             >
               URL: <a
                 :href="citation.data.url"
@@ -115,7 +115,7 @@
             <!-- ISSN -->
             <div
               v-if="citation.data.issn"
-              class="mt-1 text-sm text-gray-600"
+              class="mt-1 text-xs text-gray-500"
             >
               ISSN: {{ citation.data.issn }}
             </div>
@@ -126,124 +126,122 @@
       <!-- 参考文献がない場合 -->
       <div
         v-else
-        class="text-center text-gray-500 mt-16"
+        class="text-center text-gray-500 mt-12"
       >
-        <div class="text-xl">
+        <div class="text-lg">
           参考文献が設定されていません
         </div>
-        <div class="text-sm mt-2">
-          frontmatterの<code class="bg-gray-200 px-2 py-1 rounded">citations</code>セクションに参考文献を追加してください
+        <div class="text-xs mt-2">
+          frontmatterの<code class="bg-gray-200 px-1 py-0.5 rounded text-xs">citations</code>セクションに参考文献を追加してください
         </div>
       </div>
     </div>
       
     <!-- フッター（必要に応じて） -->
-    <div class="flex-shrink-0 mt-8 pt-4 border-t border-gray-300 px-4">
-      <div class="text-sm text-gray-600 text-center">
+    <div class="flex-shrink-0 mt-4 pt-2 border-t border-gray-300 px-6">
+      <div class="text-xs text-gray-600 text-center">
         {{ citationsList.length }} 件の参考文献
       </div>
     </div>
   </div>
 </template>
   
-  <script setup>
-  import { computed } from 'vue'
-  import { useSlideContext } from '@slidev/client'
-  // Headerコンポーネントをimport
-  import Header from './Header.vue'
-  
-  // Slidevコンテキストからconfigsにアクセス
-  const { $slidev } = useSlideContext()
-  const citations = $slidev.configs.citations || {}
-  
-  // プロパティ定義（必要に応じて）
-  const props = defineProps({
-    // 表示スタイルのカスタマイズ用
-    style: {
-      type: String,
-      default: 'academic', // 'academic', 'ieee', 'apa' など
-    },
-    // 表示順序
-    sortBy: {
-      type: String,
-      default: 'key', // 'key', 'author', 'year' など
-    }
-  })
-  
-  // 参考文献リストを生成
-  const citationsList = computed(() => {
-    if (!citations || typeof citations !== 'object') {
-      return []
-    }
-    
-    const list = Object.keys(citations).map(key => ({
-      key,
-      data: citations[key]
-    }))
-    
-    // ソート処理
-    switch (props.sortBy) {
-      case 'author':
-        return list.sort((a, b) => {
-          const authorA = a.data.author || ''
-          const authorB = b.data.author || ''
-          return authorA.localeCompare(authorB)
-        })
-      case 'year':
-        return list.sort((a, b) => {
-          const yearA = parseInt(a.data.year) || 0
-          const yearB = parseInt(b.data.year) || 0
-          return yearB - yearA // 降順（新しい順）
-        })
-      case 'key':
-      default:
-        return list.sort((a, b) => a.key.localeCompare(b.key))
-    }
-  })
-  
-  // スタイル別のフォーマット関数（将来的な拡張用）
-  const formatCitation = (citation, style = 'academic') => {
-    // 現在は academic スタイルのみ実装
-    // 将来的にIEEE、APA等のスタイルを追加可能
-    return citation
+<script setup>
+import { computed } from 'vue'
+import { useSlideContext } from '@slidev/client'
+
+// Slidevコンテキストからconfigsにアクセス
+const { $slidev } = useSlideContext()
+const citations = $slidev.configs.citations || {}
+
+// プロパティ定義（必要に応じて）
+const props = defineProps({
+  // 表示スタイルのカスタマイズ用
+  style: {
+    type: String,
+    default: 'academic', // 'academic', 'ieee', 'apa' など
+  },
+  // 表示順序
+  sortBy: {
+    type: String,
+    default: 'key', // 'key', 'author', 'year' など
   }
-  </script>
-  
-  <style scoped>
-  .citation-item {
-    transition: all 0.2s ease-in-out;
-  }
-  
-  .citation-item:hover {
-    background-color: rgba(14, 165, 233, 0.05);
-    border-left-width: 6px;
+})
+
+// 参考文献リストを生成
+const citationsList = computed(() => {
+  if (!citations || typeof citations !== 'object') {
+    return []
   }
   
-  /* スクロールバーのスタイリング */
-  .overflow-y-auto {
-    scrollbar-width: thin;
-    scrollbar-color: rgba(14, 165, 233, 0.3) transparent;
-  }
+  const list = Object.keys(citations).map(key => ({
+    key,
+    data: citations[key]
+  }))
   
-  .overflow-y-auto::-webkit-scrollbar {
-    width: 6px;
+  // ソート処理
+  switch (props.sortBy) {
+    case 'author':
+      return list.sort((a, b) => {
+        const authorA = a.data.author || ''
+        const authorB = b.data.author || ''
+        return authorA.localeCompare(authorB)
+      })
+    case 'year':
+      return list.sort((a, b) => {
+        const yearA = parseInt(a.data.year) || 0
+        const yearB = parseInt(b.data.year) || 0
+        return yearB - yearA // 降順（新しい順）
+      })
+    case 'key':
+    default:
+      return list.sort((a, b) => a.key.localeCompare(b.key))
   }
+})
+
+// スタイル別のフォーマット関数（将来的な拡張用）
+const formatCitation = (citation, style = 'academic') => {
+  // 現在は academic スタイルのみ実装
+  // 将来的にIEEE、APA等のスタイルを追加可能
+  return citation
+}
+</script>
   
-  .overflow-y-auto::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  
-  .overflow-y-auto::-webkit-scrollbar-thumb {
-    background-color: rgba(14, 165, 233, 0.3);
-    border-radius: 3px;
-  }
-  
-  .overflow-y-auto::-webkit-scrollbar-thumb:hover {
-    background-color: rgba(14, 165, 233, 0.5);
-  }
-  
-  /* コードブロックのスタイル */
-  code {
-    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-  }
-  </style>
+<style scoped>
+.citation-item {
+  transition: all 0.2s ease-in-out;
+}
+
+.citation-item:hover {
+  background-color: rgba(14, 165, 233, 0.05);
+  border-left-width: 3px;
+}
+
+/* スクロールバーのスタイリング */
+.overflow-y-auto {
+  scrollbar-width: thin;
+  scrollbar-color: rgba(14, 165, 233, 0.3) transparent;
+}
+
+.overflow-y-auto::-webkit-scrollbar {
+  width: 4px;
+}
+
+.overflow-y-auto::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.overflow-y-auto::-webkit-scrollbar-thumb {
+  background-color: rgba(14, 165, 233, 0.3);
+  border-radius: 2px;
+}
+
+.overflow-y-auto::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(14, 165, 233, 0.5);
+}
+
+/* コードブロックのスタイル */
+code {
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+}
+</style>

package/components/Header.vue

@@ -204,7 +204,7 @@ const displayChapterList = computed(() => {
   }
 })
 
-// appendixの開始ページを計算
+// appendixの開始ページを計算（SectionDivider考慮版）
 const appendixStartPage = computed(() => {
   const totalPages = $slidev.nav.total
   const appendixChapters = chapterList.value.filter(chapter => chapter.isAppendix)
@@ -225,32 +225,48 @@ const appendixStartPage = computed(() => {
     return total + sectionCount
   }, 0)
   
+  // appendix用SectionDividerの数
+  const appendixDividerCount = appendixChapters.length
+  
   console.log('  appendixSectionCount:', appendixSectionCount)
-  const result = totalPages - appendixSectionCount + 1
+  console.log('  appendixDividerCount:', appendixDividerCount)
+  
+  // 全ページ数からappendixのセクション数とSectionDivider数を引いて開始位置を計算
+  const result = totalPages - appendixSectionCount - appendixDividerCount + 1
   console.log('  appendixあり - 結果:', result)
   return result
 })
 
-// 調整されたページ総数（常にappendix前まで、appendixがない場合は全体から表紙を除く）
+// 調整されたページ総数（SectionDivider考慮版）
 const adjustedTotal = computed(() => {
   // chapterList（全体）からappendixを検索
   const appendixChapters = chapterList.value.filter(chapter => chapter.isAppendix)
+  const normalChapters = chapterList.value.filter(chapter => !chapter.isAppendix && chapter.key !== 'ref')
+  
+  // SectionDividerの数を計算
+  const normalChapterDividers = normalChapters.length  // 通常章のSectionDivider数
+  const appendixChapterDividers = appendixChapters.length  // appendix章のSectionDivider数
+  const totalDividers = normalChapterDividers + appendixChapterDividers
   
   // デバッグ用ログ
   console.log('全chapterList:', chapterList.value)
+  console.log('normalChapters:', normalChapters)
   console.log('appendixChapters:', appendixChapters)
-  console.log('appendixChapters.length:', appendixChapters.length)
+  console.log('normalChapterDividers:', normalChapterDividers)
+  console.log('appendixChapterDividers:', appendixChapterDividers)
+  console.log('totalDividers:', totalDividers)
   console.log('$slidev.nav.total:', $slidev.nav.total)
-  console.log('appendixStartPage.value:', appendixStartPage.value)
   
   if (appendixChapters.length === 0) {
-    // appendixがない場合は全体のページ数から表紙を除く
-    console.log('appendixなし - 計算結果:', $slidev.nav.total - 1)
-    return $slidev.nav.total - 1
+    // appendixがない場合は全体のページ数から表紙と
+    const result = $slidev.nav.total - 1 
+    console.log('appendixなし - 計算結果:', result)
+    return result
   } else {
-    // appendixがある場合はappendix開始前のページ数から表紙を除く
-    console.log('appendixあり - 計算結果:', appendixStartPage.value - 2)
-    return appendixStartPage.value - 2
+    // appendixがある場合はappendix開始前のページ数から表紙と通常章のSectionDividerを除く
+    const result = appendixStartPage.value - 2 
+    console.log('appendixあり - 計算結果:', result)
+    return result
   }
 })
 

package/layouts/cover.vue

@@ -45,9 +45,17 @@
             getTitleSizeClass($slidev.configs.titleSize || 'large')
           ]"
         >
-          {{ $slidev.configs.coverTitle.first }}
-          <br>
-          {{ $slidev.configs.coverTitle.second }}
+          <template v-if="Array.isArray($slidev.configs.coverTitle)">
+            <span v-for="(line, index) in $slidev.configs.coverTitle" :key="index">
+              {{ line }}
+              <br v-if="index < $slidev.configs.coverTitle.length - 1">
+            </span>
+          </template>
+          <template v-else>
+            {{ $slidev.configs.coverTitle.first }}
+            <br>
+            {{ $slidev.configs.coverTitle.second }}
+          </template>
         </div>
         
         <!-- 著者情報 -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slidev-theme-gtlabo",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "A Slidev theme for laboratory presentations with customizable components",
   "author": "mksmkss",
   "license": "MIT",