fix: correct render vega-lite code blocs just after generation finish

Author: yaroslav8765

custom/conversation_area/MessageRenderer.vue

@@ -11,7 +11,7 @@
       v-if="part.type === 'text'" 
       :message="part.text" 
       :role="props.message.role" 
-      :state="part.state || props.message.role === 'user' ? 'done' : 'kapets'"
+      :state="part.state ?? (props.message.role === 'user' ? 'done' : undefined)"
     />
   </template>
 

custom/incremark_code_renderers/IncremarkShikiCodeBlock.vue

@@ -36,7 +36,7 @@
 
 <script setup lang="ts">
 import type { Code } from 'mdast';
-import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 import embed from 'vega-embed';
 
 import { highlightCodeSnippetHtml, type IncremarkCodeTheme } from './incremarkCodeHighlight';
@@ -171,7 +171,13 @@ async function renderHighlight() {
   if (shouldRenderVega.value) {
     renderedHtml.value = '';
 
-    if (!sourceCode.value || !vegaContainer.value) {
+    if (!sourceCode.value) {
+      return;
+    }
+
+    await nextTick();
+
+    if (requestId !== renderRequestId || !shouldRenderVega.value || !vegaContainer.value) {
       return;
     }