Merge pull request #5 from teamseodo/eslint-prettier-setup

eslint setup

Author: alpercun

.eslintrc.js

@@ -0,0 +1,14 @@
+module.exports = {
+  extends: [
+    // add more generic rulesets here, such as:
+    // 'eslint:recommended',
+    'plugin:vue/vue3-recommended'
+    // 'airbnb-base',
+  ],
+  rules: {
+    quotes: ['error', 'single', { avoidEscape: true }],
+    semi: ['error', 'never'],
+    indent: ['error', 2],
+    'comma-dangle': [2, 'never']
+  }
+}

package.json

@@ -4,7 +4,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "serve": "vite preview"
+    "serve": "vite preview",
+    "lint": "eslint --ext .js,.vue src --fix"
   },
   "main": "./dist/vue3-tree.umd.js",
   "module": "./dist/vue3-tree.es.js",
@@ -15,15 +16,20 @@
     },
     "./dist/style.css": "./dist/style.css"
   },
-  "dependencies": {
-    "vue": "^3.0.5"
-  },
+  "dependencies": {},
   "devDependencies": {
     "@vitejs/plugin-vue": "^1.2.4",
     "@vue/compiler-sfc": "^3.0.5",
+    "eslint": "^7.30.0",
+    "eslint-config-airbnb-base": "^14.2.1",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-vue": "^7.13.0",
     "sass": "^1.35.2",
     "sass-loader": "10.1.1",
     "vite": "^2.4.0"
   },
+  "peerDependencies": {
+    "vue": "^3.0.5"
+  },
   "license": "MIT"
 }

src/App.vue

@@ -1,8 +1,15 @@
 <template>
+  <Tree />
 </template>
 
-<script setup>
+<script>
+import Tree from './lib/index'
 
+export default {
+  components: {
+    Tree
+  }
+}
 </script>
 
 <style>

src/lib/index.js

@@ -1,3 +1,2 @@
 import Tree from './components/Tree.vue'
-
-export { Tree }
+export default Tree

src/main.js

@@ -1,6 +1,7 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 
-export { Tree } from './lib/index'
+import Tree from './lib/index'
+export default Tree
 
 createApp(App).mount('#app')