small retouches

ryu-man · Jul 28, 2023 · d335d49 · d335d49
1 parent dd51677
commit d335d49
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/core/README.md b/packages/core/README.md
@@ -4,9 +4,9 @@
 
 With @svelte-fui/core at your disposal, developers can effortlessly design beautiful, responsive layouts that captivate users and elevate their web experiences to new heights.
 
-# Installation
+# Usage
 
-First install fluent ui for svelte:
+To begin, install the `@svelte-fui/core` package into your project.
 
 ```shell
 // pnpm
@@ -16,7 +16,8 @@ pnpm install @svelte-fui/core
 npm install @svelte-fui/core
 ```
 
-# Usage
+To build UIs using `@svelte-fui/core` components, it is necessary to place the `App` component at the highest level of your application or route (in the case of Sveltekit). Import the UI component and include the theme as children of the `App` component. 
+
 
 ```html
 <script>
@@ -28,7 +29,7 @@ npm install @svelte-fui/core
 </App>
 ```
 
-You can easily integrate the `fuiPreset` export by `@svelte-ui/tailwindcss` into your tailwind configuration if you're a TailwindCSS enthusiast and want to incorporate Fluent UI tokens into your app for creating custom components that align with the Fluent Design system. Simply follow the instructions listed below.
+You can easily integrate the `fuiPreset` export by `@svelte-ui/tailwindcss` into your tailwindcss configuration if you're a TailwindCSS enthusiast and want to incorporate Fluent UI tokens into your app for creating custom components that align with the Fluent Design system. Simply follow the instructions listed below.
 
 
 First, let's make sure the package is installed.