@troshab/slidev-theme-troshab 0.1.3 → 0.1.6

package/components/Callout.vue

@@ -45,6 +45,7 @@ defineProps<{
   padding: 1rem 1rem 1rem 1.25rem;
   margin-block: 1rem;
   background-color: var(--color-bg-soft);
+  color: var(--color-text);
   border-left: var(--border-accent) solid var(--color-info);
   border-radius: 0 0.375rem 0.375rem 0;
 }

package/components/Definition.vue

@@ -19,7 +19,7 @@ defineProps<{
     <h1 class="definition-term">{{ term }}</h1>
     <div v-if="pronunciation || partOfSpeech" class="definition-meta">
       <span v-if="pronunciation" class="definition-pronunciation">{{ pronunciation }}</span>
-      <span v-if="partOfSpeech" class="definition-pos">{{ partOfSpeech }}</span>
+      <span v-if="pronunciation && partOfSpeech" class="definition-pos">{{ partOfSpeech }}</span>
     </div>
     <div class="definition-body">
       <slot />

package/components/Stepper.vue

@@ -74,7 +74,7 @@ const clicksContext = inject<Ref<ClicksContext>>('$$slidev-clicks-context', ref(
 
 // --- Auto v-click registration (clicks mode) ---
 const rootEl = ref<HTMLElement | null>(null)
-const autoActiveStep = ref(props.start)
+const autoActiveStep = ref(1)
 const isAutoRegistered = ref(false)
 
 onMounted(() => {
@@ -82,7 +82,7 @@ onMounted(() => {
   const ctx = clicksContext.value
   if (!ctx?.calculateSince || !rootEl.value) return
 
-  const size = normalizedItems.value.length - props.start
+  const size = normalizedItems.value.length - 1
   if (size <= 0) return
 
   const info = ctx.calculateSince('+1', size)
@@ -97,7 +97,7 @@ onMounted(() => {
   watchEffect(() => {
     const active = isActiveRef.value
     const offset = offsetRef.value
-    autoActiveStep.value = active ? Math.min(offset + props.start + 1, normalizedItems.value.length) : props.start
+    autoActiveStep.value = active ? Math.min(offset + 2, normalizedItems.value.length) : 1
   })
 })
 
@@ -113,7 +113,7 @@ const activeStep = computed(() => {
     if (isAutoRegistered.value) return autoActiveStep.value
     // Fallback: direct click count (non-Slidev contexts)
     const clicks = clicksContext.value?.current ?? 0
-    return Math.min(clicks + props.start, normalizedItems.value.length)
+    return Math.min(clicks + 1, normalizedItems.value.length)
   }
   return props.current
 })
@@ -194,7 +194,7 @@ function isUpcoming(index: number) {
             </template>
             <!-- Number (numbers + arrows) -->
             <template v-else-if="variant !== 'dots'">
-              {{ index + 1 }}
+              {{ index + start }}
             </template>
             <!-- Dots: empty circle, no content -->
           </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@troshab/slidev-theme-troshab",
-  "version": "0.1.3",
+  "version": "0.1.6",
   "description": "A minimal, universal Slidev theme with flexible layouts and ready-to-use slide templates",
   "author": "troshab",
   "license": "PolyForm-Noncommercial-1.0.0",
@@ -32,6 +32,8 @@
     "slidev": ">=0.50.0"
   },
   "dependencies": {
+    "@fontsource/ibm-plex-mono": "^5.2.7",
+    "@fontsource/ibm-plex-sans": "^5.2.8",
     "qrcode": "^1.5.4",
     "slidev-addon-asciinema": "^0.1.11",
     "slidev-addon-fancy-arrow": "^0.16.0",
@@ -49,8 +51,6 @@
     "audit:all": "node scripts/contrast-audit.mjs && node scripts/shiki-audit.mjs && node scripts/typography-audit.mjs && node scripts/chart-audit.mjs && node scripts/integrity-audit.mjs"
   },
   "devDependencies": {
-    "@fontsource/ibm-plex-mono": "^5.2.7",
-    "@fontsource/ibm-plex-sans": "^5.2.8",
     "@iconify-json/ph": "^1.2.2",
     "@slidev/cli": "^0.50.0",
     "@types/qrcode": "^1.5.5",

package/styles/base.css

@@ -12,56 +12,17 @@
 @import './colors.css';
 
 /* ============================================
-   1. @font-face — IBM Plex (local)
+   1. @font-face — IBM Plex via @fontsource
+   Provides proper unicode-range subsetting
+   (latin, cyrillic, cyrillic-ext, etc.)
    ============================================ */
 
-@font-face {
-  font-family: 'IBM Plex Sans';
-  src: url('../fonts/IBMPlexSans-Regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  src: url('../fonts/IBMPlexSans-Medium.woff2') format('woff2');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  src: url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Sans';
-  src: url('../fonts/IBMPlexSans-Bold.woff2') format('woff2');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Mono';
-  src: url('../fonts/IBMPlexMono-Regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IBM Plex Mono';
-  src: url('../fonts/IBMPlexMono-Medium.woff2') format('woff2');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
+@import '@fontsource/ibm-plex-sans/400.css';
+@import '@fontsource/ibm-plex-sans/500.css';
+@import '@fontsource/ibm-plex-sans/600.css';
+@import '@fontsource/ibm-plex-sans/700.css';
+@import '@fontsource/ibm-plex-mono/400.css';
+@import '@fontsource/ibm-plex-mono/500.css';
 
 /* ============================================
    2. CSS Custom Properties (Typography & Layout)