From 98541e1b4965752418bf9e3afe43c42864c2deff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Sun, 7 Apr 2024 14:56:24 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=20align:right?=
 =?UTF-8?q?=20=E4=B8=8D=E7=94=9F=E6=95=88=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

*PostID:51080404
---
 src/components/post/tp-texts.vue | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/post/tp-texts.vue b/src/components/post/tp-texts.vue
index ea001185..acbf1b0a 100644
--- a/src/components/post/tp-texts.vue
+++ b/src/components/post/tp-texts.vue
@@ -1,10 +1,10 @@
 <template>
   <div :style="getLineStyle()" class="tp-texts">
-    <TpText v-for="(text, indexT) in props.data.children" :data="text" :key="indexT" />
+    <TpText v-for="(text, index) in props.data.children" :data="text" :key="index" />
   </div>
 </template>
 <script lang="ts" setup>
-import { onMounted, StyleValue, toRaw } from "vue";
+import { StyleValue } from "vue";
 
 import TpText, { type TpText as TpTextType } from "./tp-text.vue";
 
@@ -18,10 +18,6 @@ interface TpTextsProps {
 
 const props = defineProps<TpTextsProps>();
 
-if (props.data.attributes) {
-  console.warn("TpTexts", props.data.attributes);
-}
-
 function getLineStyle(): StyleValue {
   const style = <Array<StyleValue>>[];
   if (props.data.attributes === undefined) {
@@ -31,8 +27,7 @@ function getLineStyle(): StyleValue {
   const headerFontSizes = ["2rem", "1.75rem", "1.5rem", "1.25rem", "1rem", "0.75rem"];
   if (props.data.attributes.align) {
     const ruleAlign: StyleValue = `textAlign: ${props.data.attributes.align}`;
-    if (props.data.attributes.align !== "center") style.push("display: inline");
-    else style.push(ruleAlign);
+    style.push(ruleAlign);
   }
   if (props.data.attributes.header) {
     const ruleHeader: StyleValue = `fontSize: ${headerFontSizes[props.data.attributes.header - 1]}`;