From ccf3e31ca2a9231d619a4a3ebad257c32d1fad49 Mon Sep 17 00:00:00 2001
From: Theo Ephraim <theozero@gmail.com>
Date: Thu, 3 Feb 2022 17:42:54 -0600
Subject: [PATCH 1/2] add clarification about type exports in SFCs

Latest vue / volar / vue-tsc complains when exporting additional types from SFCs (even though it worked previously). It seems this may be the intended behaviour, but was a bit unclear in these docs, so this change specifically calls out exporting types.
---
 src/api/sfc-script-setup.md | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/api/sfc-script-setup.md b/src/api/sfc-script-setup.md
index cf73d9356c..012c28c44d 100644
--- a/src/api/sfc-script-setup.md
+++ b/src/api/sfc-script-setup.md
@@ -223,7 +223,7 @@ const attrs = useAttrs()
 `<script setup>` can be used alongside normal `<script>`. A normal `<script>` may be needed in cases where you need to:
 
 - Declare options that cannot be expressed in `<script setup>`, for example `inheritAttrs` or custom options enabled via plugins.
-- Declaring named exports.
+- Declaring named exports (including TypeScript types)
 - Run side effects or create objects that should only execute once.
 
 ```vue
@@ -265,6 +265,23 @@ In addition, the awaited expression will be automatically compiled in a format t
 
 ## TypeScript-only Features
 
+### Additional type exports
+
+As noted above, in order to export additional types from an SFC, they must be moved to an additional `<script>` block alongside the `<script setup>` block.
+
+For example
+```vue
+<script lang="ts">
+export type SizeOptions = 'small' | 'medium' | 'large';
+</script>
+
+<script lang="ts" setup>
+defineProps({
+  size: { type: String as PropType<SizeOptions> },
+})
+</script>
+```
+
 ### Type-only props/emit declarations
 
 Props and emits can also be declared using pure-type syntax by passing a literal type argument to `defineProps` or `defineEmits`:

From 7daccd4075f9868a145e66164811c42e27e0401d Mon Sep 17 00:00:00 2001
From: Theo Ephraim <theozero@gmail.com>
Date: Thu, 3 Feb 2022 17:46:14 -0600
Subject: [PATCH 2/2] Update sfc-script-setup.md

---
 src/api/sfc-script-setup.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/api/sfc-script-setup.md b/src/api/sfc-script-setup.md
index 012c28c44d..fcf0462278 100644
--- a/src/api/sfc-script-setup.md
+++ b/src/api/sfc-script-setup.md
@@ -223,7 +223,7 @@ const attrs = useAttrs()
 `<script setup>` can be used alongside normal `<script>`. A normal `<script>` may be needed in cases where you need to:
 
 - Declare options that cannot be expressed in `<script setup>`, for example `inheritAttrs` or custom options enabled via plugins.
-- Declaring named exports (including TypeScript types)
+- Declaring named exports (including TypeScript types).
 - Run side effects or create objects that should only execute once.
 
 ```vue