diff --git a/src/api/sfc-css-features.md b/src/api/sfc-css-features.md
index 44cec993b0..701e94f4d6 100644
--- a/src/api/sfc-css-features.md
+++ b/src/api/sfc-css-features.md
@@ -183,9 +183,10 @@ The syntax works with [`<script setup>`](./sfc-script-setup), and supports JavaS
 
 ```vue
 <script setup>
-const theme = {
-  color: 'red'
-}
+import { ref, reactive } from 'vue'
+const theme = reactive({
+    color: 'red',
+})
 </script>
 
 <template>