init

Author: LucienLee

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintignore

@@ -0,0 +1,5 @@
+node_modules
+coverage
+dist
+poi.config.js
+output_test

.eslintrc.js

@@ -0,0 +1,60 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint',
+    sourceType: 'module',
+    ecmaVersion: 2017,
+    ecmaFeatures: {
+      jsx: true
+    },
+  },
+  env: {
+    browser: true,
+    es6: true,
+    jest: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/recommended',
+    'plugin:import/errors',
+    'plugin:import/warnings',
+  ],
+  plugins: [
+    'vue',
+    'import'
+  ],
+  rules: {
+    // don't require .vue extension when importing
+    'import/extensions': ['error', 'always', {
+      'js': 'never',
+      'vue': 'never'
+    }],
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    // no console.log, but can use .warn and .error.
+    'no-console': ['error', { allow: ['warn', 'error'] }],
+    // disallow indentation using both tabs and spaces
+    'no-mixed-spaces-and-tabs': 2,
+    // ensure consistent 2 space indentation and indent cases under switch
+    'indent': [2, 2, {'SwitchCase': 1}],
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 0,
+    // trailing comma
+    'comma-dangle': [2,'always'],
+    // semicolons
+    'semi': [2, 'always'],
+  },
+  settings: {
+    'import/resolver': {
+      webpack:{
+        config: {
+          resolve: {
+            extensions: ['.js', '.vue']
+          }
+        }
+      }
+    }
+  }
+};

.gitignore

@@ -0,0 +1,8 @@
+.DS_Store
+node_modules/
+.vscode/
+npm-debug.log
+coverage
+dist/
+output_test/
+

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 greyby
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

index.js

@@ -0,0 +1,16 @@
+import Vue from 'vue';
+import VueTagAutocomplete from './src/VueTagAutocomplete';
+
+new Vue({
+  el: '#app',
+  components: {
+    VueTagAutocomplete,
+  },
+  render() {
+    return (
+      <div>
+        <VueTagAutocomplete/>
+      </div>
+    );
+  },
+});

package.json

@@ -0,0 +1,41 @@
+{
+  "name": "vue-tag-autocomplete",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "poi",
+    "build": "poi build --format umd || poi build --component",
+    "test": "poi test && jest output_test/test.js",
+    "test:update": "poi test && jest output_test/test.js -u",
+    "lint": "eslint --fix . --ext .vue --ext .js",
+    "lint:check": "eslint . --ext .vue --ext .js"
+  },
+  "author": "Lucien Lee",
+  "license": "MIT",
+  "devDependencies": {
+    "babel-eslint": "^8.0.3",
+    "eslint": "^4.0.0",
+    "eslint-import-resolver-webpack": "^0.8.3",
+    "eslint-loader": "^1.9.0",
+    "eslint-plugin-import": "^2.8.0",
+    "eslint-plugin-vue": "^4.0.0-beta.2",
+    "jest": "^21.2.1",
+    "jest-serializer-vue": "^0.3.0",
+    "node-sass": "^4.7.2",
+    "poi": "^9.5.10",
+    "poi-preset-eslint": "^9.0.1",
+    "poi-preset-transform-test-files": "^9.0.3",
+    "sass-loader": "^6.0.6",
+    "vue-test-utils": "^1.0.0-beta.7"
+  },
+  "peerDependencies": {
+    "vue": "^2.5.9"
+  },
+  "dependencies": {},
+  "jest": {
+    "snapshotSerializers": [
+      "<rootDir>/node_modules/jest-serializer-vue"
+    ]
+  }
+}

poi.config.js

@@ -0,0 +1,47 @@
+const componentName = 'VueTagAutocomplete';
+
+const camelToKebab = str => str
+  .replace(/(^[A-Z])/, ([first]) => first.toLowerCase())
+  .replace(/([A-Z])/g, ([letter]) => `-${letter.toLowerCase()}`);
+
+module.exports = options => {
+  const { mode, component } = options;
+
+  const basic = {
+
+  };
+
+  if (options.mode === 'development') {
+    return {
+      ...basic,
+      entry: './index.js',
+    };
+  }
+
+  if (options.mode === 'test') {
+    return {
+      presets: [
+        require('poi-preset-transform-test-files')(),
+      ]
+    }
+  }
+
+  // production, build as component
+  return {
+    ...basic,
+    entry: {
+      [camelToKebab(componentName)]: `./src/${componentName}.vue`
+    },
+    filename: {
+      js: '[name].js',
+      css: '[name].css'
+    },
+    presets: [
+      require('poi-preset-eslint')(),
+    ],
+    html: false,
+    moduleName: componentName,
+    extractCSS: !options.component,
+    component: options.component,
+  };
+};

src/VueTagAutocomplete.vue

@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <h1>{{ name }}</h1>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Vue",
+  data () {
+    return {
+      name: 'World',
+    };
+  },
+  mounted() {
+  },
+};
+</script>
+
+<style scoped>
+  h1 {
+    color:aqua;
+  }
+</style>
+

test/VueTagAutocomplete.test.js

@@ -0,0 +1,14 @@
+import { mount, } from 'vue-test-utils';
+import VueTagAutocomplete from '../src/VueTagAutocomplete';
+
+describe('Component', () => {
+  test('is a Vue instance', () => {
+    const wrapper = mount(VueTagAutocomplete);
+    expect(wrapper.isVueInstance()).toBeTruthy();
+  });
+
+  it('has the expected html structure', () => {
+    const wrapper = mount(VueTagAutocomplete);
+    expect(wrapper.element).toMatchSnapshot();
+  });
+});