switch to penguin fields

Author: Dev-Lan

src/components/HelloWorld.vue

@@ -28,8 +28,8 @@ defineProps({
         type: 'GoGComponent',
         mark: 'point',
         encoding: {
-          x: { source: 'donors', field: 'weight_value' },
-          y: { source: 'donors', field: 'height_value' },
+          x: { source: 'penguins', field: 'bill_length_mm' },
+          y: { source: 'penguins', field: 'flipper_length_mm' },
         },
       },
     }"

src/components/ParserComponent.stories.ts

@@ -29,8 +29,8 @@ export const Default = {
         type: 'GoGComponent',
         mark: 'point',
         encoding: {
-          x: { source: 'donors', field: 'weight_value' },
-          y: { source: 'donors', field: 'height_value' },
+          x: { source: 'penguins', field: 'bill_length_mm' },
+          y: { source: 'penguins', field: 'flipper_length_mm' },
         },
       },
     },

src/stores/DataSourcesStore.ts

@@ -14,7 +14,7 @@ export interface DataSourcesState {
 }
 
 export const useDataSourcesStore = defineStore('DataSourcesStore', () => {
-  const dataSources = ref<DataSourcesState[]>({});
+  const dataSources = ref<DataSourcesState>({});
   // let connection = null;
   // let db = null;
   // init().then(async (value: DuckDB) => {
@@ -33,7 +33,7 @@ export const useDataSourcesStore = defineStore('DataSourcesStore', () => {
     console.log(dataSources.value);
   }
 
-  function getDataSource(key: string): DataSource | null {
+  function getDataSource(key: string): DataInterface | null {
     if (!(key in dataSources.value)) return null;
     return dataSources.value[key];
   }