diff --git a/example/README.md b/example/README.md
index 1511959..ca62147 100644
--- a/example/README.md
+++ b/example/README.md
@@ -1,5 +1,5 @@
-# Vue 3 + Vite
+# Galaxy Charts Example
 
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+This example can be used as template should help get you started developing your Galaxy Charts Plugin. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
 
 Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
diff --git a/example/package.json b/example/package.json
index 02385af..93ea7cc 100644
--- a/example/package.json
+++ b/example/package.json
@@ -9,7 +9,7 @@
         "prettier": "prettier --write 'src/**/*.vue' 'src/**/*.js' '*.js' 'package.json'"
     },
     "dependencies": {
-        "galaxy-charts": "^0.0.2",
+        "galaxy-charts": "^0.0.4",
         "vue": "^3.4.31"
     },
     "devDependencies": {
diff --git a/example/src/App.vue b/example/src/App.vue
index 7c9947e..c9894d8 100644
--- a/example/src/App.vue
+++ b/example/src/App.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ViewPort } from "galaxy-charts";
+import { GalaxyCharts } from "galaxy-charts";
 import Plugin from "@/Plugin.vue";
 const config = {
     dataset_id: "dataset_id",
@@ -12,7 +12,7 @@ const config = {
 </script>
 
 <template>
-    <ViewPort :config="config" xml="galaxy-charts.xml">
+    <GalaxyCharts :config="config" xml="galaxy-charts.xml">
         <template #default="{ datasetId, datasetUrl, root, settings, specs, tracks }">
             <Plugin
                 :dataset-id="datasetId"
@@ -22,5 +22,5 @@ const config = {
                 :specs="specs"
                 :tracks="tracks" />
         </template>
-    </ViewPort>
+    </GalaxyCharts>
 </template>
diff --git a/lib/galaxy-charts.js b/lib/galaxy-charts.js
index 9e1ef0c..682f87d 100644
--- a/lib/galaxy-charts.js
+++ b/lib/galaxy-charts.js
@@ -1,4 +1,4 @@
 export { useColumnsStore } from "@/store/columnsStore";
 export { useConfigStore } from "@/store/configStore";
 
-export { default as ViewPort } from "@/components/ViewPort.vue";
\ No newline at end of file
+export { default as GalaxyCharts } from "@/components/GalaxyCharts.vue";
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 517fb19..801182c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ViewPort } from "galaxy-charts";
+import { GalaxyCharts } from "galaxy-charts";
 import Plugin from "@/Plugin.vue";
 const config = {
     dataset_url: "galaxy-charts.txt",
@@ -11,7 +11,7 @@ const config = {
 </script>
 
 <template>
-    <ViewPort :config="config" xml="galaxy-charts.xml">
+    <GalaxyCharts :config="config" xml="galaxy-charts.xml">
         <template #default="{ datasetId, datasetUrl, root, settings, specs, tracks }">
             <Plugin
                 :dataset-id="datasetId"
@@ -21,5 +21,5 @@ const config = {
                 :specs="specs"
                 :tracks="tracks" />
         </template>
-    </ViewPort>
+    </GalaxyCharts>
 </template>
diff --git a/src/components/ViewPort.vue b/src/components/GalaxyCharts.vue
similarity index 100%
rename from src/components/ViewPort.vue
rename to src/components/GalaxyCharts.vue