feat(storybook): add stories for the component

.storybook/config.js

@@ -0,0 +1,4 @@
+import Vue from 'vue';
+import VueCompositionApi from '@vue/composition-api';
+
+Vue.use(VueCompositionApi);

.storybook/main.js

@@ -0,0 +1,3 @@
+module.exports = {
+  stories: ['../src/**/*.stories.[tj]s'],
+};

src/VGithubIcon.stories.js

@@ -0,0 +1,32 @@
+import VGithubIcon from './index';
+
+export default { title: 'GitHub Icon' };
+
+export const withUrlProp = () => ({
+  components: { VGithubIcon },
+  template: '<v-github-icon url="https://vinayakkulkarni.dev" />',
+});
+
+export const withTopLeftPosition = () => ({
+  components: { VGithubIcon },
+  template:
+    '<v-github-icon url="https://vinayakkulkarni.dev" position="top-left" />',
+});
+
+export const withBgColorProp = () => ({
+  components: { VGithubIcon },
+  template:
+    '<v-github-icon url="https://vinayakkulkarni.dev" bg-color="red" />',
+});
+
+export const withFillColorProp = () => ({
+  components: { VGithubIcon },
+  template:
+    '<v-github-icon url="https://vinayakkulkarni.dev" fill-color="red" />',
+});
+
+export const withBgAndFillColorProp = () => ({
+  components: { VGithubIcon },
+  template:
+    '<v-github-icon url="https://vinayakkulkarni.dev" bg-color="rgba(10, 150, 200)" fill-color="rgba(255, 150, 20)" />',
+});