fix: placeholders

Author: alephpi

app/components/SyntaxHighlightedTextArea.vue

@@ -4,7 +4,7 @@
     <div
       class="syntax-highlight-layer"
       :class="{ 'is-placeholder': !modelValue }"
-      v-html="highlightedCode || placeholderHtml"
+      v-html="highlightedCode || props.placeholder"
     />
 
     <!-- 可编辑文本框层 -->
@@ -41,7 +41,6 @@ const emit = defineEmits<{
 const colorMode = useColorMode()
 const textareaRef = ref<HTMLTextAreaElement>()
 const highlightedCode = ref('')
-const placeholderHtml = ref('')
 
 // 根据主题获取花括号颜色
 const braceColor = computed(() => {
@@ -50,16 +49,9 @@ const braceColor = computed(() => {
 
 // 初始化
 onMounted(() => {
-  updatePlaceholder()
   highlightCode(props.modelValue)
 })
 
-// 更新占位符样式
-const updatePlaceholder = () => {
-  const color = colorMode.value === 'dark' ? '#9ca3af' : '#6b7280'
-  placeholderHtml.value = `<span style="color: ${color};">${props.placeholder}</span>`
-}
-
 const highlightCode = (code: string) => {
   if (!code) {
     highlightedCode.value = ''
@@ -107,7 +99,6 @@ watch(() => props.modelValue, (newValue) => {
 
 // 监听 colorMode 变化
 watch(() => colorMode.value, () => {
-  updatePlaceholder()
   highlightCode(props.modelValue)
 })
 </script>

i18n/locales/en.json

@@ -8,7 +8,7 @@
   "model_title": "Model",
   "upload_title": "Upload",
   "uploader_label": "Paste, drop or click to upload your LaTeX image",
-  "uploader_description": "Resolution no less than 384×384\nLess margin better performance\nExtreme height-width ratio may lead to illusion",
+  "uploader_description": "Resolution no less than 384×384\nBlack text, white background, minimal margin\nExtreme height-width ratio may lead to illusion",
   "upload_button": "Click to upload",
   "upload_example": "Example image",
   "preview_title": "Preview",

i18n/locales/zh-CN.json

@@ -8,7 +8,7 @@
   "model_title": "模型",
   "upload_title": "上传",
   "uploader_label": "粘贴、拖拽或点击上传公式图片",
-  "uploader_description": "分辨率不小于384×384\n白边越少效果越好\n长宽比过于悬殊可能使模型产生幻觉",
+  "uploader_description": "分辨率不小于384×384\n白底黑字，白边尽可能少\n长宽比过于悬殊可能使模型产生幻觉",
   "upload_button": "点击上传",
   "upload_example": "示例图片",
   "preview_title": "预览",