slidev-theme-gtlabo 2.2.0 → 2.2.1

package/components/MathText.vue

@@ -1,8 +1,9 @@
 <template>
-  <component 
+ <component 
     :is="containerTag"
-    :class="['math-text-container', containerClass]"
-    :style="eq ? 'position: relative; display: block;' : ''"
+    ref="containerRef"
+    :class="['math-text-container', containerClass, eq ? 'has-eq-number' : '']"
+    :style="eq ? { paddingRight: eqPadding } : {}"
   >
     <!-- スロットが使われている場合 -->
     <template v-if="hasSlotContent">
@@ -124,12 +125,18 @@ const props = defineProps({
   eq: {
     type: String,
     default: null
+  },
+    eqPadding: {
+    type: String,
+    default: '2.5em'
   }
 })
 
 // 数式レジストリ
 const equationRegistry = inject('equationRegistry', null)
 
+const containerRef = ref(null)
+
 const eqNumber = computed(() => {
   if (!props.eq || !equationRegistry) return null
   return equationRegistry.getNumber(props.eq)
@@ -413,8 +420,8 @@ const renderMathElements = async () => {
 }
 
 onMounted(() => {
-  if (props.eq && equationRegistry) {
-    equationRegistry.register(props.eq)
+  if (props.eq && equationRegistry && containerRef.value) {
+    equationRegistry.register(props.eq, containerRef.value)
   }
   renderMathElements()
 })
@@ -481,6 +488,11 @@ watch([processedTextSegments, processedSlotSegments], () => {
   border-radius: 3px;
 }
 
+.math-text-container.has-eq-number {
+  position: relative;
+  display: block;
+}
+
 .eq-number {
   position: absolute;
   right: 0;

package/package.json

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