Merge pull request #27 from sombriks/master

Fix typo on "VueUiSparkStackbar"

Author: graphieros

README.md

@@ -57,7 +57,7 @@ Available components
 - [VueUiSparkbar](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkbar)
 - [VueUiSparkgauge](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkgauge)
 - [VueUiSparkline](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkline)
-- [VueUiSparkstackbar](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkstackbar)
+- [VueUiSparkStackbar](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkstackbar)
 - [VueUiSparkTrend](https://vue-data-ui.graphieros.com/docs#vue-ui-spark-trend)
 
 ## 3d

src/components/vue-ui-sparkstackbar.cy.js

@@ -1,6 +1,6 @@
-import VueUiSparkstackbar from './vue-ui-sparkstackbar.vue'
+import VueUiSparkStackbar from './vue-ui-sparkstackbar.vue'
 
-describe('<VueUiSparkstackbar />', () => {
+describe('<VueUiSparkStackbar />', () => {
 
   beforeEach(function () {
     cy.fixture('sparkstackbar.json').as('fixture');
@@ -16,7 +16,7 @@ describe('<VueUiSparkstackbar />', () => {
 
   it('renders', () => {
     cy.get('@fixture').then((fixture) => {
-      cy.mount(VueUiSparkstackbar, {
+      cy.mount(VueUiSparkStackbar, {
         props: {
           dataset: fixture.dataset,
           config: fixture.config
@@ -49,16 +49,16 @@ describe('<VueUiSparkstackbar />', () => {
 
       updateConfigInFixture(modifiedConfig);
 
-      cy.mount(VueUiSparkstackbar, {
+      cy.mount(VueUiSparkStackbar, {
         props: {
           dataset: fixture.dataset,
           config: modifiedConfig
         }
       });
 
       cy.get(`[data-cy="sparkstackbar-title-wrapper"]`)
-      .should('have.css', 'text-align')
-      .should('include', 'center')
+        .should('have.css', 'text-align')
+        .should('include', 'center')
 
       modifiedConfig = {
         ...fixture.config,
@@ -73,67 +73,67 @@ describe('<VueUiSparkstackbar />', () => {
 
       updateConfigInFixture(modifiedConfig);
 
-      cy.mount(VueUiSparkstackbar, {
+      cy.mount(VueUiSparkStackbar, {
         props: {
           dataset: fixture.dataset,
           config: modifiedConfig
         }
       });
 
       cy.get(`[data-cy="sparkstackbar-title-wrapper"]`)
-      .should('have.css', 'text-align')
-      .should('include', 'left');
+        .should('have.css', 'text-align')
+        .should('include', 'left');
 
       cy.get(`[data-cy="sparkstackbar-legend"]`)
         .should('exist')
         .should('have.css', 'justify-content')
         .should('include', 'flex-end');
 
-        modifiedConfig = {
-          ...fixture.config,
-          style: {
-            ...fixture.config.style,
-            legend: {
-              ...fixture.config.style.legend,
-              textAlign: 'center'
-            }
+      modifiedConfig = {
+        ...fixture.config,
+        style: {
+          ...fixture.config.style,
+          legend: {
+            ...fixture.config.style.legend,
+            textAlign: 'center'
           }
         }
-  
-        updateConfigInFixture(modifiedConfig);
-  
-        cy.mount(VueUiSparkstackbar, {
-          props: {
-            dataset: fixture.dataset,
-            config: modifiedConfig
-          }
-        });
+      }
+
+      updateConfigInFixture(modifiedConfig);
+
+      cy.mount(VueUiSparkStackbar, {
+        props: {
+          dataset: fixture.dataset,
+          config: modifiedConfig
+        }
+      });
 
-        cy.get(`[data-cy="sparkstackbar-legend"]`)
+      cy.get(`[data-cy="sparkstackbar-legend"]`)
         .should('have.css', 'justify-content')
         .should('include', 'center');
 
-        modifiedConfig = {
-          ...fixture.config,
-          style: {
-            ...fixture.config.style,
-            legend: {
-              ...fixture.config.style.legend,
-              textAlign: 'left'
-            }
+      modifiedConfig = {
+        ...fixture.config,
+        style: {
+          ...fixture.config.style,
+          legend: {
+            ...fixture.config.style.legend,
+            textAlign: 'left'
           }
         }
-  
-        updateConfigInFixture(modifiedConfig);
-  
-        cy.mount(VueUiSparkstackbar, {
-          props: {
-            dataset: fixture.dataset,
-            config: modifiedConfig
-          }
-        });
+      }
 
-        cy.get(`[data-cy="sparkstackbar-legend"]`)
+      updateConfigInFixture(modifiedConfig);
+
+      cy.mount(VueUiSparkStackbar, {
+        props: {
+          dataset: fixture.dataset,
+          config: modifiedConfig
+        }
+      });
+
+      cy.get(`[data-cy="sparkstackbar-legend"]`)
         .should('have.css', 'justify-content')
         .should('include', 'flex-start');
     });

types/vue-data-ui.d.ts

@@ -1319,7 +1319,7 @@ declare module 'vue-data-ui' {
         width?: number;
     }
 
-    export const VueUiSparkstackbar: DefineComponent<{
+    export const VueUiSparkStackbar: DefineComponent<{
         config?: VueUiSparkStackBarConfig,
         dataset: VueUiSparkStackBarDatasetItem[]
     }>;