feat(storybook): csf3 stories generator

packages/angular/src/generators/component-story/files/__componentFileName__.stories.ts__tmpl__

@@ -1,22 +1,16 @@
-import { moduleMetadata, Story, Meta } from '@storybook/angular';
+import { Meta } from '@storybook/angular';
 import { <%=componentName%> } from './<%=componentFileName%>';
 
 export default {
   title: '<%=componentName%>',
-  component: <%=componentName%>,
-  decorators: [
-    moduleMetadata({
-      imports: [],
-    })
-  ],
+  component: <%=componentName%>
 } as Meta<<%=componentName%>>;
 
-const Template: Story<<%=componentName%>> = (args: <%=componentName%>) => ({
-  props: args,
-});
-
-
-export const Primary = Template.bind({});
-Primary.args = {<% for (let prop of props) { %>
+export const Primary = {
+  render: (args: <%=componentName%>) => ({
+    props: args,
+  }),
+  args: {<% for (let prop of props) { %>
     <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
-}
+  },
+};

packages/react/src/generators/component-story/files/__componentFileName__.stories.__fileExt__

@@ -1,4 +1,4 @@
-<% if ( !isPlainJs ) { %>import type { ComponentStory, ComponentMeta } from '@storybook/react';<% } %>
+<% if ( !isPlainJs ) { %>import type { Meta } from '@storybook/react';<% } %>
 import<% if ( !isPlainJs ) { %> { <% } %> <%= componentName %> <% if ( !isPlainJs ) { %> } <% } %> from './<%= componentImportFileName %>';
 
 <% if ( isPlainJs ) { %>
@@ -14,7 +14,7 @@ export default {
 
 
 <% if ( !isPlainJs ) { %>
-const Story: ComponentMeta<typeof <%= componentName %>> = {
+const Story: Meta<typeof <%= componentName %>> = {
   component: <%= componentName %>,
   title: '<%= componentName %>',<% if ( argTypes && argTypes.length > 0 ) { %> 
   argTypes: {<% for (let argType of argTypes) { %>
@@ -25,9 +25,8 @@ const Story: ComponentMeta<typeof <%= componentName %>> = {
 export default Story;
 <% } %>
 
-const Template<% if ( !isPlainJs ) { %>: ComponentStory< typeof <%= componentName %> ><% } %> = (args) => <<%= componentName %> {...args} />;
-
-export const Primary = Template.bind({})
-Primary.args = {<% for (let prop of props) { %>
+export const Primary = {
+  args: {<% for (let prop of props) { %>
     <%= prop.name %>:  <%- prop.defaultValue %>,<% } %>
-}
+  },
+};