docs(storybook): update story hbs template

Author: iOvergaard

packages/uui-symbol-expand/lib/uui-symbol-expand.element.ts

@@ -35,6 +35,7 @@ export class UUISymbolExpandElement extends LitElement {
    * Set this boolean to true for a open/expanded look.
    * @type {boolean}
    * @default false
+   * @attr
    */
   @property({ type: Boolean, reflect: true })
   public open = false;

packages/uui-symbol-expand/lib/uui-symbol-expand.story.ts

@@ -1,10 +1,11 @@
-import '.';
-
-import { Story } from '@storybook/web-components';
+import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
+
+import './uui-symbol-expand.element';
+import type { UUISymbolExpandElement } from './uui-symbol-expand.element';
 import readme from '../README.md?raw';
 
-export default {
+const meta: Meta<UUISymbolExpandElement> = {
   id: 'uui-symbol-expand',
   title: 'Symbols/Expand',
   component: 'uui-symbol-expand',
@@ -19,17 +20,16 @@ export default {
   args: {
     open: false,
   },
-  argTypes: {
-    value: {
-      open: { type: 'boolean' },
-    },
-  },
 };
 
-export const Overview: Story = props =>
-  html`<uui-symbol-expand
+export default meta;
+type Story = StoryObj<UUISymbolExpandElement>;
+
+export const Overview: Story = {
+  render: props => html`<uui-symbol-expand
     ?open=${props.open}
     @click=${(e: MouseEvent) => {
       (e.target as any).open = !(e.target as any).open;
     }}>
-  </uui-symbol-expand>`;
+  </uui-symbol-expand>`,
+};

templates/plop-templates/stories.ts.hbs

@@ -1,10 +1,10 @@
-import '.';
+import type { Meta, StoryObj } from '@storybook/web-components';
 
-import { Story } from '@storybook/web-components';
-import { html } from 'lit';
+import './{{> tagnamePartial}}.element';
+import type { {{className name}} } from './{{> tagnamePartial}}.element';
 import readme from '../README.md?raw';
 
-export default {
+const meta: Meta<{{className name}}> = {
   id: '{{> tagnamePartial}}',
   title: '{{displayName name}}',
   component: '{{> tagnamePartial}}',
@@ -18,5 +18,7 @@ export default {
   },
 };
 
-export const Overview: Story = props =>
-  html`<{{> tagnamePartial}}></{{> tagnamePartial}}>`;
+export default meta;
+type Story = StoryObj<{{className name}}>;
+
+export const Overview: Story = {};