fix: show replying user in zen mode editor (#1250)

components/content/ContentMentionGroup.vue

@@ -1,5 +1,11 @@
+<script setup lang="ts">
+defineProps<{
+  replying?: boolean
+}>()
+</script>
+
 <template>
-  <p flex="~ gap-1 wrap" items-center text-sm class="zen-none">
+  <p flex="~ gap-1 wrap" items-center text-sm :class="{ 'zen-none': !replying }">
     <span i-ri-arrow-right-line ml--1 text-secondary-light /><slot />
   </p>
 </template>

components/publish/PublishWidget.vue

@@ -144,7 +144,7 @@ defineExpose({
         border="2 dashed transparent"
         :class="[isSending ? 'pointer-events-none' : '', isOverDropZone ? '!border-primary' : '']"
       >
-        <ContentMentionGroup v-if="draft.mentions?.length && shouldExpanded">
+        <ContentMentionGroup v-if="draft.mentions?.length && shouldExpanded" replying>
           <button v-for="m, i of draft.mentions" :key="m" text-primary hover:color-red @click="draft.mentions?.splice(i, 1)">
             {{ acctToShortHandle(m) }}
           </button>