chore(docs): change basic docs path

Author: akinoccc

docs/.vitepress/config.mts

@@ -15,7 +15,7 @@ export default defineConfig({
         'edit-on-github': 'Edit on GitHub',
         'copy-code': 'Copy code',
         'copy-success': 'Copy success',
-        'copy-error': 'Copy error'
+        'copy-error': 'Copy error',
       },
       zh: {
         'view-source': '查看源代码',
@@ -24,48 +24,48 @@ export default defineConfig({
         'edit-on-github': '在 Github 中编辑',
         'copy-code': '复制代码',
         'copy-success': '复制成功',
-        'copy-error': '复制失败'
-      }
+        'copy-error': '复制失败',
+      },
     },
 
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: 'Home', link: '/' },
-      { text: 'Guide', link: '/guide/quick-start' }
+      { text: 'Guide', link: '/guide/basic/quick-start' },
     ],
 
     sidebar: [
       {
         text: 'Basic',
         items: [
-          { text: 'Quick Start', link: '/guide/quick-start' },
-          { text: 'Passed Props', link: '/guide/passed-props' },
-          { text: 'Extending Styles', link: '/guide/extending-styles' },
-          { text: 'Styling Any Component', link: '/guide/styling-any-component' },
-          { text: 'Animations', link: '/guide/animations' }
-        ]
+          { text: 'Quick Start', link: '/guide/basic/quick-start' },
+          { text: 'Passed Props', link: '/guide/basic/passed-props' },
+          { text: 'Extending Styles', link: '/guide/basic/extending-styles' },
+          { text: 'Styling Any Component', link: '/guide/basic/styling-any-component' },
+          { text: 'Animations', link: '/guide/basic/animations' },
+        ],
       },
       {
         text: 'Advances',
-        items: [{ text: 'Runtime API Examples', link: '/api-examples' }]
-      }
+        items: [{ text: 'Theming', link: '/guide/advances/theming' }],
+      },
     ],
 
-    socialLinks: [{ icon: 'github', link: 'https://github.com/vue-styled-components/vue3-styled-components' }]
+    socialLinks: [{ icon: 'github', link: 'https://github.com/vue-styled-components/vue3-styled-components' }],
   },
   markdown: {
     config: (md) => {
       md.use(demoblockPlugin)
-    }
+    },
   },
   vite: {
     resolve: {
       alias: {
-        '@': new URL('../../package', import.meta.url).pathname
+        '@': new URL('../../package', import.meta.url).pathname,
       },
-      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.less']
+      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.less'],
     },
-    plugins: [demoblockVitePlugin()]
+    plugins: [demoblockVitePlugin()],
   },
-  vue: {}
+  vue: {},
 })

docs/guide/animations.md docs/guide/basic/animations.mddocs/guide/animations.md renamed to docs/guide/basic/animations.md

@@ -2,13 +2,7 @@ import { defineComponent, h, PropType, provide, ref, useSlots, watch } from 'vue
 
 export const ThemeProvider = defineComponent(
   (props) => {
-    const theme = ref(props.theme)
-
-    watch(props.theme, (newTheme) => {
-      theme.value = newTheme
-    })
-
-    provide('$theme', theme.value)
+    provide('$theme', props.theme)
 
     return () => {
       const slot = useSlots()
@@ -21,7 +15,7 @@ export const ThemeProvider = defineComponent(
       theme: {
         type: Object as PropType<Record<string, string | number>>,
         required: true,
-        default: {}
+        default: () => {}
       }
     }
   }