@sankyu/vue-circle-flags 0.0.2-beta → 0.0.3-beta

package/README.md

@@ -41,6 +41,9 @@ Perfect for applications that need fast, crisp country flags without external im
 
 ## ✨ Key Features
 
+> [!TIP]
+> For more information, you may refer to the [Documentation](https://react-circle-flags.js.org/docs/guides/getting-started/#-key-features).
+
 - 🎯 **Tree-shakable** - Only bundle the flags you use
 - 📦 **TypeScript** - Full type definitions included
 - ⚡ **Zero dependencies** - Only requires Vue 3 as peer dependency
@@ -61,6 +64,9 @@ yarn add @sankyu/vue-circle-flags
 bun add @sankyu/vue-circle-flags
 ```
 
+> [!TIP]
+> For more information, you may refer to the [Installation Guide](https://react-circle-flags.js.org/docs/guides/getting-started/installation/).
+
 ## 🚀 Usage
 
 ### Import individual flags (Recommended)
@@ -120,6 +126,11 @@ const FlagComponent = computed(() => {
 </template>
 ```
 
+### Other usage examples
+
+> [!TIP]
+> For more information, you may refer to the [Usage Guide](https://react-circle-flags.js.org/docs/guides/getting-started/usage/).
+
 ## 📚 API
 
 ### Props
@@ -173,6 +184,9 @@ See the [Full list of flags](https://react-circle-flags.js.org/browse) in the ga
 
 Flag components accept all standard SVG attributes and can be styled using Vue's class and style bindings.
 
+> [!TIP]
+> For more information, you may refer to the [Styling Guide](https://react-circle-flags.js.org/docs/guides/getting-started/styling/).
+
 ```vue
 <script setup lang="ts">
 import { FlagUs } from '@sankyu/vue-circle-flags'
@@ -194,6 +208,9 @@ import { FlagUs } from '@sankyu/vue-circle-flags'
 
 All flag components are fully typed with TypeScript, providing autocomplete and type safety out of the box.
 
+> [!TIP]
+> For more information, you may refer to the [TypeScript Guide](https://react-circle-flags.js.org/docs/guides/getting-started/typescript/).
+
 ```typescript
 import type { FlagComponentProps, FlagCode } from '@sankyu/vue-circle-flags'
 
@@ -208,6 +225,9 @@ const invalid: FlagCode = 'xyz' // ✗ Type error
 
 Importing individual flags ensures that only the used flags are included in your bundle.
 
+> [!TIP]
+> For more information, you may refer to the [Bundle Size & Tree-shaking Guide](https://react-circle-flags.js.org/docs/guides/getting-started/bundle-size/).
+
 ```vue
 <script setup lang="ts">
 // ✓ Good - only FlagUs and FlagCn are bundled

package/README.zh.md

@@ -41,6 +41,9 @@
 
 ## ✨ 核心特性
 
+> [!TIP]
+> 欲了解更多信息，请参阅 [文档](https://react-circle-flags.js.org/docs/guides/getting-started/#-key-features)。
+
 - 🎯 **支持 Tree-shaking 优化** - 仅打包您使用的国旗
 - 📦 **TypeScript** - 包含完整的类型定义
 - ⚡ **零依赖** - 仅需 Vue 3 作为对等依赖
@@ -61,6 +64,9 @@ yarn add @sankyu/vue-circle-flags
 bun add @sankyu/vue-circle-flags
 ```
 
+> [!TIP]
+> 欲了解更多信息，请参阅 [安装指南](https://react-circle-flags.js.org/docs/guides/getting-started/installation/)。
+
 ## 🚀 使用
 
 ### 导入单个国旗（推荐）
@@ -120,6 +126,11 @@ const FlagComponent = computed(() => {
 </template>
 ```
 
+### 其他使用示例
+
+> [!TIP]
+> 欲了解更多信息，请参阅 [使用指南](https://react-circle-flags.js.org/docs/guides/getting-started/usage/)。
+
 ## 📚 API
 
 ### 属性
@@ -173,6 +184,9 @@ console.log(buildMeta.circleFlagsCommitHash) // 例如：<示例-sha256-哈希
 
 国旗组件接受所有标准 SVG 属性，可使用 Vue 的 class 和 style 绑定轻松设置样式。
 
+> [!TIP]
+> 欲了解更多信息，请参阅 [样式指南](https://react-circle-flags.js.org/docs/guides/getting-started/styling/)。
+
 ```vue
 <script setup lang="ts">
 import { FlagUs } from '@sankyu/vue-circle-flags'
@@ -194,6 +208,9 @@ import { FlagUs } from '@sankyu/vue-circle-flags'
 
 所有国旗组件均使用 TypeScript 完全类型化，开箱即用提供自动完成和类型安全。
 
+> [!TIP]
+> 欲了解更多信息，请参阅 [TypeScript 指南](https://react-circle-flags.js.org/docs/guides/getting-started/typescript/)。
+
 ```typescript
 import type { FlagComponentProps, FlagCode } from '@sankyu/vue-circle-flags'
 
@@ -208,6 +225,9 @@ const invalid: FlagCode = 'xyz' // ✗ 类型错误
 
 导入单个国旗可确保只有使用到的国旗被包含在您的打包文件中。
 
+> [!TIP]
+> 欲了解更多信息，请参阅 [打包大小与 Tree-shaking 优化指南](https://react-circle-flags.js.org/docs/guides/getting-started/bundle-size/)。
+
 ```vue
 <script setup lang="ts">
 // ✓ 推荐 - 仅打包 FlagUs 和 FlagCn