🔨 do not import fontawsome.

README.md

@@ -22,7 +22,10 @@ Import the component or register it globally in your Vue instance:
 
 ```vue
 import { LuminoBoxPanel, LuminoWidget } from "vue3-lumino-widget"
+// this style include the lumino style; but lumino depends on the fontawsome for icon, it too big
+// if your project already using it, it's well, if not, maybe you can replace the "X" icon by css using other font.
 import 'vue3-lumino-widget/dist/style.css'
+// import "@fortawesome/fontawesome-free/css/all.css"
 ```
 
 Use the component in your template:

docs/getting-started.md

@@ -17,8 +17,10 @@ yarn add vue3-lumino-widget
 Import the component or register it globally in your Vue instance:
 
 ```vue
-import { LuminoBoxPanel, LuminoWidget } from "vue3-lumino-widget";
+// this style include the lumino style; but lumino depends on the fontawsome for icon, it too big
+// if your project already using it, it's well, if not, maybe you can replace the "X" icon by css using other font.
 import 'vue3-lumino-widget/dist/style.css'
+// import "@fortawesome/fontawesome-free/css/all.css"
 ```
 
 Use the component in your template:

src/components/LuminoBoxPanel.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script setup lang="ts">
-import "@fortawesome/fontawesome-free/css/all.css"
+// import "@fortawesome/fontawesome-free/css/all.css"
 import '@lumino/default-theme/style/index.css'
 import { BoxPanel, DockPanel, Widget } from '@lumino/widgets'
 import { provide, onMounted, onUpdated, ref, onUnmounted } from 'vue'