feat(src): implement

Author: dreambo8563

Diff for: Makefile

@@ -0,0 +1,8 @@
+lint:
+	npm run lint
+local:
+	npm run serve
+build:
+	npm run build
+report:
+	npm run report

Diff for: package-lock.json

@@ -4,16 +4,19 @@
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
+    "build": "vue-cli-service build --target wc --name vue-simple-drawer src/components/Drawer/index.vue",
     "lint": "vue-cli-service lint",
-    "test:unit": "vue-cli-service test:unit"
+    "test:unit": "vue-cli-service test:unit",
+    "report": "vue-cli-service build --report",
+    "version": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0"
   },
   "dependencies": {
     "core-js": "^2.6.5",
     "vue": "^2.6.10"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.6.0",
+    "cz-conventional-changelog": "^2.1.0",
     "@vue/cli-plugin-eslint": "^3.6.0",
     "@vue/cli-plugin-unit-jest": "^3.6.0",
     "@vue/cli-service": "^3.6.0",
@@ -27,5 +30,10 @@
     "sass": "^1.18.0",
     "sass-loader": "^7.1.0",
     "vue-template-compiler": "^2.5.21"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
   }
 }

Diff for: package.json

@@ -1,17 +1,29 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png" />
-    <HelloWorld msg="Welcome to Your Vue.js App" />
+    <button @click="close">toggle</button>
+    <Drawer @close="close" align="left" :closeable="true">
+      <div v-if="open">content here</div>
+    </Drawer>
   </div>
 </template>
 
 <script>
-import HelloWorld from "./components/HelloWorld.vue";
+import Drawer from "@/components/Drawer";
 
 export default {
   name: "app",
+  data() {
+    return {
+      open: true
+    };
+  },
   components: {
-    HelloWorld
+    Drawer
+  },
+  methods: {
+    close() {
+      this.open = !this.open;
+    }
   }
 };
 </script>

Diff for: src/App.vue

@@ -0,0 +1,4 @@
+$softorange: #f4a259;
+$tomatored: #f25c66;
+$mediumblu: #1e272d;
+$close-width: 28px;