docs(components): fix formatting and indentation in Button, Surface, and Text component documentation

Author: shadow3aaa

docs/en/components/button.md

@@ -19,15 +19,15 @@ The `button` component is a button typically used to trigger an action. It can c
 
 - `args: impl Into<ButtonArgs>`
 
-This argument configures the style and behavior of the `button` component, including background color, border, shadow, corner radius, etc. Use `ButtonArgsBuilder` to construct this argument.
+  This argument configures the style and behavior of the `button` component, including background color, border, shadow, corner radius, etc. Use `ButtonArgsBuilder` to construct this argument.
 
 - `ripple_state: Arc<RippleState>`
 
-The state for the click ripple animation. You must provide a valid `RippleState` instance to enable the ripple animation. This differs from the `surface` component, whose `ripple_state` parameter can be passed as `None` to disable the ripple.
+  The state for the click ripple animation. You must provide a valid `RippleState` instance to enable the ripple animation. This differs from the `surface` component, whose `ripple_state` parameter can be passed as `None` to disable the ripple.
 
 - `child: impl FnOnce()`
 
-The child component of the `button`, which can be any `#[tessera]` function.
+  The child component of the `button`, which can be any `#[tessera]` function.
 
 ## Preview
 

docs/en/components/surface.md

@@ -31,4 +31,4 @@ The child component of `surface`, can be any `#[tessera]` function.
 
 ## Preview
 
-![surface](/surface_example.png)
+  ![surface](/surface_example.png)

docs/en/components/text.md

@@ -15,6 +15,6 @@ The `text` component is used to display textual content.
 
 - `args: impl Into<TextArgs>`
 
-This argument configures the style of the `text` component, including content, font size, color, alignment, and other properties. You can build it via `TextArgsBuilder`.
+  This argument configures the style of the `text` component, including content, font size, color, alignment, and other properties. You can build it via `TextArgsBuilder`.
 
-Note that since `Into<TextArgs>` is implemented for types like `str` and `String`, you can use the shorthand `text("Hello, World!")`.
+  Note that since `Into<TextArgs>` is implemented for types like `str` and `String`, you can use the shorthand `text("Hello, World!")`.

docs/zhHans/components/button.md

@@ -19,15 +19,15 @@ pub fn button(
 
 - `args: impl Into<ButtonArgs>`
 
-此参数用于配置`button`组件的样式和行为，包括背景颜色、边框、阴影、圆角等属性。可以通过`ButtonArgsBuilder`来构建这个参数。
+  此参数用于配置`button`组件的样式和行为，包括背景颜色、边框、阴影、圆角等属性。可以通过`ButtonArgsBuilder`来构建这个参数。
 
 - `ripple_state: Arc<RippleState>`
 
-此参数为点击水波纹动画的状态，必须传入一个有效的`RippleState`实例，以启用水波纹动画效果。这点不同于`surface`组件，其`ripple_state`参数可以传入`None`来禁用水波纹动画。
+  此参数为点击水波纹动画的状态，必须传入一个有效的`RippleState`实例，以启用水波纹动画效果。这点不同于`surface`组件，其`ripple_state`参数可以传入`None`来禁用水波纹动画。
 
 - `child: impl FnOnce()`
 
-此参数为`button`组件的子组件，可以是任何`#[tessera]`函数。
+  此参数为`button`组件的子组件，可以是任何`#[tessera]`函数。
 
 ## 预览
 

docs/zhHans/components/surface.md

@@ -19,15 +19,15 @@ pub fn surface(
 
 - `args: SurfaceArgs`
 
-此参数用于配置`surface`组件的样式和行为，包括背景颜色、边框、阴影、圆角等属性。可以通过`SurfaceArgsBuilder`来构建这个参数。
+  此参数用于配置`surface`组件的样式和行为，包括背景颜色、边框、阴影、圆角等属性。可以通过`SurfaceArgsBuilder`来构建这个参数。
 
 - `ripple_state: Option<Arc<RippleState>>`
 
-此参数为点击水波纹动画的状态，如果传入`None`，则表示不启用水波纹动画。
+  此参数为点击水波纹动画的状态，如果传入`None`，则表示不启用水波纹动画。
 
 - `child: impl FnOnce()`
 
-此参数为`surface`组件的子组件，可以是任何`#[tessera]`函数。
+  此参数为`surface`组件的子组件，可以是任何`#[tessera]`函数。
 
 ## 预览
 

docs/zhHans/components/text.md

@@ -15,6 +15,6 @@ pub fn text(args: impl Into<TextArgs>)
 
 - `args: impl Into<TextArgs>`
 
-此参数用于配置`text`组件的样式，包括文本内容、字体大小、颜色、对齐方式等属性。可以通过`TextArgsBuilder`来构建这个参数。
+  此参数用于配置`text`组件的样式，包括文本内容、字体大小、颜色、对齐方式等属性。可以通过`TextArgsBuilder`来构建这个参数。
 
-值得一提的是，由于为`str`、`String`等类型实现了`Into<TextArgs>`，因此可以使用`text("Hello, World!")`这样的简便写法。
+  值得一提的是，由于为`str`、`String`等类型实现了`Into<TextArgs>`，因此可以使用`text("Hello, World!")`这样的简便写法。