From e586d7ef438a582c71cc639eab3c0da27dc71567 Mon Sep 17 00:00:00 2001
From: Johnson Chu <johnsoncodehk@gmail.com>
Date: Tue, 2 Dec 2025 21:45:24 +0800
Subject: [PATCH] fix(language-core): ensure `<script>` content generates
 before `<script setup>`

---
 .../language-core/lib/codegen/script/index.ts | 19 ++++++------------
 .../tsc/passedFixtures/vue3/#5776/main.vue    | 20 +++++++++++++++++++
 .../vue3/script-setup-scope/export-order.vue  |  1 -
 3 files changed, 26 insertions(+), 14 deletions(-)
 create mode 100644 test-workspace/tsc/passedFixtures/vue3/#5776/main.vue

diff --git a/packages/language-core/lib/codegen/script/index.ts b/packages/language-core/lib/codegen/script/index.ts
index aa87f68ab6..fb86deb01e 100644
--- a/packages/language-core/lib/codegen/script/index.ts
+++ b/packages/language-core/lib/codegen/script/index.ts
@@ -56,13 +56,17 @@ function* generateWorker(
 
 	// <script> + <script setup>
 	if (script && scriptRanges && scriptSetup && scriptSetupRanges) {
-		// <script> head
+		// <script>
 		const { exportDefault, componentOptions } = scriptRanges;
 		if (exportDefault) {
-			yield* generateSfcBlockSection(script, 0, exportDefault.start, codeFeatures.all, true);
+			const { expression: options } = componentOptions ?? exportDefault;
+			yield* generateSfcBlockSection(script, 0, options.start, codeFeatures.all);
+			yield exportExpression;
+			yield* generateSfcBlockSection(script, options.end, script.content.length, codeFeatures.all, true);
 		}
 		else {
 			yield* generateSfcBlockSection(script, 0, script.content.length, codeFeatures.all, true);
+			yield `export default ${exportExpression}${endOfLine}`;
 		}
 
 		// <script setup>
@@ -95,17 +99,6 @@ function* generateWorker(
 			);
 			yield `})()${endOfLine}`;
 		}
-
-		// <script> tail
-		if (exportDefault) {
-			const { expression } = componentOptions ?? exportDefault;
-			yield* generateSfcBlockSection(script, exportDefault.start, expression.start, codeFeatures.all);
-			yield exportExpression;
-			yield* generateSfcBlockSection(script, expression.end, script.content.length, codeFeatures.all);
-		}
-		else {
-			yield `export default ${exportExpression}${endOfLine}`;
-		}
 	}
 	// only <script setup>
 	else if (scriptSetup && scriptSetupRanges) {
diff --git a/test-workspace/tsc/passedFixtures/vue3/#5776/main.vue b/test-workspace/tsc/passedFixtures/vue3/#5776/main.vue
new file mode 100644
index 0000000000..a993db170f
--- /dev/null
+++ b/test-workspace/tsc/passedFixtures/vue3/#5776/main.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+defineProps<{ msg: string }>();
+
+const count = ref(eee);
+</script>
+
+<script lang="ts">
+export default {
+	name: '1212'
+}
+export const eee = 1
+</script>
+
+<template>
+	<div class="flex items-center justify-center w-screen h-screen">
+		{{ count }}
+	</div>
+</template>
diff --git a/test-workspace/tsc/passedFixtures/vue3/script-setup-scope/export-order.vue b/test-workspace/tsc/passedFixtures/vue3/script-setup-scope/export-order.vue
index d6789514d7..fccfe6dcbc 100644
--- a/test-workspace/tsc/passedFixtures/vue3/script-setup-scope/export-order.vue
+++ b/test-workspace/tsc/passedFixtures/vue3/script-setup-scope/export-order.vue
@@ -10,6 +10,5 @@ export const useTwo = async () => ({ two: 'two' })
 
 <script lang="ts" setup>
 useOne()
-// @ts-expect-error
 useTwo()
 </script>