setup demo subdirectory

Author: Edmund1645

README.md

@@ -1,2 +1,11 @@
 # vue-transitions-css
 A lightweight CSS library for for adding transitions to Vue components :star:
+
+### CONTRUBUTION
+After creating a fork and cloning locally:
+
+1. Install dependencies in the root(`/`) directory with: `npm install`
+2. Install dependencies in the `/demo` directory with `cd demo && npm install`
+3. Open two terminal tabs, In the first run: `npm run watch` and in the second run: `npm run develop`
+4. Edit/Create the css files in `/src` folder to add new classes.
+5. Create new components in the `/demo/src/components/` folder to add a sample of the new classes.

demo/.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

demo/.eslintrc.js

@@ -0,0 +1,14 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
+  parserOptions: {
+    parser: "babel-eslint"
+  },
+  rules: {
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off"
+  }
+};

demo/.gitignore

@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

demo/README.md

@@ -0,0 +1,24 @@
+# demo
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

demo/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ["@vue/cli-plugin-babel/preset"]
+};