feat: update retweet count on retweet with a quote

Author: habibayman

app/components/tweet/TweetActionButtons.vue

@@ -177,6 +177,10 @@ const handleShare = async () => {
     </Button>
 
     <!-- Place dialog outside dropdown structure -->
-    <QuoteTweetDialog v-model:open="showQuoteDialog" :quote-to-tweet="props.tweet" />
+    <QuoteTweetDialog
+      v-model:open="showQuoteDialog"
+      :quote-to-tweet="props.tweet"
+      @quote-success="emit('retweet-success')"
+    />
   </div>
 </template>

app/components/tweet/composer/QuoteTweetDialog.vue

@@ -10,8 +10,14 @@ const props = defineProps<{
 
 const emit = defineEmits<{
   'update:open': [value: boolean];
+  'quote-success': [];
 }>();
 
+const onQuoteSuccess = () => {
+  emit('quote-success');
+  emit('update:open', false);
+};
+
 const localOpen = computed({
   get: () => props.open ?? false,
   set: (value: boolean) => emit('update:open', value),
@@ -21,11 +27,7 @@ const localOpen = computed({
 <template>
   <UiDialog v-model:open="localOpen">
     <UiDialogContent class="h-auto max-w-lg" content-height="h-auto max-h-[95vh]">
-      <TweetComposer
-        :quote-to-tweet-id="quoteToTweet.id"
-        type="quote"
-        @posted="emit('update:open', false)"
-      >
+      <TweetComposer :quote-to-tweet-id="quoteToTweet.id" type="quote" @posted="onQuoteSuccess">
         <template #reposted-tweet>
           <div class="border-foreground/15 rounded-lg border-1">
             <TweetDefaultCard