Rename ViewPort component to GalaxyCharts

galaxyproject · Aug 31, 2024 · afadeed · afadeed
1 parent 8fe7a2c
commit afadeed
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -1,4 +1,4 @@
 export { useColumnsStore } from "@/store/columnsStore";
 export { useConfigStore } from "@/store/configStore";
 
-export { default as ViewPort } from "@/components/ViewPort.vue";
+export { default as GalaxyCharts } from "@/components/GalaxyCharts.vue";
diff --git 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 → src/components/GalaxyCharts.vue b/src/components/ViewPort.vue → src/components/GalaxyCharts.vue