From d80e8274e75e07f8f733520ea1acef30e44bfc03 Mon Sep 17 00:00:00 2001
From: Jun Shindo <46585162+jay-es@users.noreply.github.com>
Date: Fri, 26 Apr 2024 20:56:40 +0900
Subject: [PATCH] docs: fix update theme property to a reactive property
 (#2750) (#2010)

* update sfc-css-features.md

Update theme to reactive  property

* docs: make example consistent with ref recommendation as standard

---------

Co-authored-by: Hu Jing <147302873+GmavionR@users.noreply.github.com>
Co-authored-by: Ben Hong <ben@bencodezen.io>
---
 src/api/sfc-css-features.md | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/api/sfc-css-features.md b/src/api/sfc-css-features.md
index 3ac26dba4..40232eb3e 100644
--- a/src/api/sfc-css-features.md
+++ b/src/api/sfc-css-features.md
@@ -183,9 +183,10 @@ export default {
 
 ```vue
 <script setup>
-const theme = {
-  color: 'red'
-}
+import { ref } from 'vue'
+const theme = ref({
+    color: 'red',
+})
 </script>
 
 <template>