refactor(sfc-playground): modes declaration (#3522)

diff --git a/packages/sfc-playground/src/output/Output.vue b/packages/sfc-playground/src/output/Output.vue
index 66ee51bb0069c48963913d364a9beb0c64204cfa..fe6afe0291a6224dc2537aa73e2cfe9f2a7dd0b0 100644 (file)
--- a/packages/sfc-playground/src/output/Output.vue
+++ b/packages/sfc-playground/src/output/Output.vue
@@ -20,9 +20,9 @@ import CodeMirror from '../codemirror/CodeMirror.vue'
 import { store } from '../store'
 import { ref } from 'vue'
 
-type Modes = 'preview' | 'js' | 'css' | 'ssr'
+const modes = ['preview', 'js', 'css', 'ssr'] as const
 
-const modes: Modes[] = ['preview', 'js', 'css', 'ssr']
+type Modes = typeof modes[number]
 const mode = ref<Modes>('preview')
 </script>