style: fix storybook lint warnings

Author: urish

src/hx711-element.stories.ts

@@ -9,11 +9,11 @@ export default {
 const Template = ({ width, height, type = '50kg' }) =>
   html`<wokwi-hx711 .type=${type} .width=${width} .height=${height}></wokwi-hx711>`;
 
-export const loadCell50kg = Template.bind({});
-loadCell50kg.args = { type: '50kg', width: 580, height: 430 };
+export const LoadCell50kg = Template.bind({});
+LoadCell50kg.args = { type: '50kg', width: 580, height: 430 };
 
-export const loadCell5kg = Template.bind({});
-loadCell5kg.args = { type: '5kg', width: 507, height: 269 };
+export const LoadCell5kg = Template.bind({});
+LoadCell5kg.args = { type: '5kg', width: 507, height: 269 };
 
-export const gaugePressure = Template.bind({});
-gaugePressure.args = { type: 'gauge', width: 509, height: 200 };
+export const GaugePressure = Template.bind({});
+GaugePressure.args = { type: 'gauge', width: 509, height: 200 };

src/lcd2004-element.stories.ts

@@ -7,19 +7,19 @@ export default {
   component: 'wokwi-lcd2004',
 };
 
-export const lcd2004 = () => html`<wokwi-lcd2004 text="Hello World! LCD2004"></wokwi-lcd2004>`;
-lcd2004.storyName = 'Hello World';
+export const Lcd2004 = () => html`<wokwi-lcd2004 text="Hello World! LCD2004"></wokwi-lcd2004>`;
+Lcd2004.storyName = 'Hello World';
 
-export const blueBackground = () =>
+export const BlueBackground = () =>
   html`<wokwi-lcd2004
     background="blue"
     color="white"
     text="Line 1              Line 2              Line 3              Line 4"
   ></wokwi-lcd2004>`;
 
-export const i2cPins = () => html`<wokwi-lcd2004
+export const I2cPins = () => html`<wokwi-lcd2004
   pins="i2c"
   text="I²C Pins"
   .font=${fontA02}
 ></wokwi-lcd2004>`;
-i2cPins.storyName = 'I2C Pins';
+I2cPins.storyName = 'I2C Pins';

src/pushbutton-element.stories.ts

@@ -7,7 +7,7 @@ export default {
   component: 'wokwi-pushbutton',
 };
 
-export const red = () =>
+export const Red = () =>
   html`
     <wokwi-pushbutton
       color="red"
@@ -16,7 +16,7 @@ export const red = () =>
     ></wokwi-pushbutton>
   `;
 
-export const green = () =>
+export const Green = () =>
   html`
     <wokwi-pushbutton
       color="green"
@@ -25,7 +25,7 @@ export const green = () =>
     ></wokwi-pushbutton>
   `;
 
-export const redWithLabel = () =>
+export const RedWithLabel = () =>
   html`
     <wokwi-pushbutton
       color="red"
@@ -35,7 +35,7 @@ export const redWithLabel = () =>
     ></wokwi-pushbutton>
   `;
 
-export const redWithLongLabel = () =>
+export const RedWithLongLabel = () =>
   html`
     <wokwi-pushbutton
       color="red"
@@ -45,7 +45,7 @@ export const redWithLongLabel = () =>
     ></wokwi-pushbutton>
   `;
 
-export const fourButtons = () =>
+export const FourButtons = () =>
   html`
     <wokwi-pushbutton
       color="red"

src/slide-switch-element.stories.ts

@@ -7,5 +7,5 @@ export default {
   component: 'wokwi-slide-switch',
 };
 
-export const slideSwitch = () =>
+export const SlideSwitch = () =>
   html`<wokwi-slide-switch @input=${action('input')}></wokwi-slide-switch>`;