feat: Article item component (#5007)

app/javascript/dashboard/components/helpCenter/ArticleItem.stories.js

@@ -0,0 +1,63 @@
+import ArticleItemComponent from './ArticleItem.vue';
+const STATUS_LIST = {
+  published: 'published',
+  draft: 'draft',
+  archived: 'archived',
+};
+
+export default {
+  title: 'Components/Help Center',
+  component: ArticleItemComponent,
+  argTypes: {
+    title: {
+      defaultValue: 'Setup your account',
+      control: {
+        type: 'text',
+      },
+    },
+    readCount: {
+      defaultValue: 13,
+      control: {
+        type: 'number',
+      },
+    },
+    category: {
+      defaultValue: 'Getting started',
+      control: {
+        type: 'text',
+      },
+    },
+    status: {
+      defaultValue: 'Status',
+      control: {
+        type: 'select',
+        options: STATUS_LIST,
+      },
+    },
+    updatedAt: {
+      defaultValue: '1657255863',
+      control: {
+        type: 'number',
+      },
+    },
+  },
+};
+
+const Template = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { ArticleItemComponent },
+  template:
+    '<article-item-component v-bind="$props" ></article-item-component>',
+});
+
+export const ArticleItem = Template.bind({});
+ArticleItem.args = {
+  title: 'Setup your account',
+  author: {
+    name: 'John Doe',
+  },
+  category: 'Getting started',
+  readCount: 12,
+  status: 'published',
+  updatedAt: 1657255863,
+};