chore: add plate & timeAgo stories

Author: mediv0

stories/plate.story.ts

@@ -0,0 +1,45 @@
+import plate from "../src/modules/plate/index";
+
+const Template = (args: any) => ({
+    components: { plate },
+    setup() {
+        return {
+            val: args.val
+        };
+    },
+    template: `<div><plate :number=val v-slot="{ info, isValid }">
+                            <div>
+                                <h3>plate info:</h3>
+                                <p>type: <b>{{ info.type }}</b></p>
+                                <p>template: <b>{{ info.template }}</b></p>
+                                <p>details: <b>{{ info.details }}</b></p>
+                                <p>province: <b>{{ info.province }}</b></p>
+                                <p>category: <b>{{ info.category }}</b></p>
+                            </div>
+                            <br />
+                            <span>is plate valid: <b>{{ isValid }}</b></span>
+                        </plate></div>`
+});
+
+export const Default = Template.bind({});
+Default.args = { val: "12D45147" };
+
+export default {
+    title: "Modules/plate",
+    component: plate,
+    argTypes: {
+        val: {
+            name: "number",
+            type: { name: "string", required: true },
+            defaultValue: null,
+            description: "plate number",
+            table: {
+                type: { summary: "string" },
+                defaultValue: { summary: "null" }
+            },
+            control: {
+                type: "text"
+            }
+        }
+    }
+};

stories/timeAgo.story.ts

@@ -0,0 +1,34 @@
+import timeAgo from "../src/modules/timeAgo/index";
+
+const Template = (args: any) => ({
+    components: { timeAgo },
+    setup() {
+        return {
+            val: args.val
+        };
+    },
+    template: `<div><timeAgo :date=val v-slot="{ time }">{{ time }}</timeAgo></div>`
+});
+
+export const Default = Template.bind({});
+Default.args = { val: "1400/04/07 18:00:00" };
+
+export default {
+    title: "Modules/timeAgo",
+    component: timeAgo,
+    argTypes: {
+        val: {
+            name: "date",
+            type: { name: "string", required: true },
+            defaultValue: null,
+            description: "a date string in yyyy/mm/dd hh:mm:ss format",
+            table: {
+                type: { summary: "string" },
+                defaultValue: { summary: "null" }
+            },
+            control: {
+                type: "text"
+            }
+        }
+    }
+};