├── .npmignore
├── src
├── app.js
├── autosize-textarea.js
└── index.jade
├── webpack.config.js
├── index.js
├── index.html
├── .gitignore
├── package.json
├── README.md
└── gulpfile.babel.js
/.npmignore:
--------------------------------------------------------------------------------
1 | src/
2 | bundle.js
3 | index.html
4 | webpack.config.js
5 | gulpfile.js
--------------------------------------------------------------------------------
/src/app.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import autosizeTextarea from './autosize-textarea'
3 |
4 |
5 | new Vue({
6 | el: '#app',
7 | data () {
8 | return {
9 |
10 | }
11 | },
12 | methods: {
13 | onResized () {
14 | console.log('resized!')
15 | }
16 | },
17 | components: {
18 | 'autosize-textarea': autosizeTextarea
19 | }
20 | })
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | var path = require('path')
2 |
3 | module.exports = {
4 | entry: ['./src/app.js'],
5 | output: {
6 | path: path.resolve('.'),
7 | filename: 'bundle.js'
8 | },
9 | resolve: {
10 | extensions: ['', '.js']
11 | },
12 | module: {
13 | loaders: [
14 | { test: /\.js$/, loaders: ['babel'] }
15 | ]
16 | },
17 | plugins: []
18 | }
19 |
--------------------------------------------------------------------------------
/src/autosize-textarea.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import autosize from 'autosize'
3 |
4 | const template = ''
5 |
6 | const autosizeTextarea = Vue.extend({
7 | props: ['value', 'resized'],
8 | template: template,
9 | ready () {
10 | autosize(this.$el)
11 | if (this.resized) {
12 | this.$parent[this.resized](this.$el)
13 | }
14 | }
15 | })
16 |
17 | export default autosizeTextarea
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | Object.defineProperty(exports, '__esModule', {
4 | value: true
5 | });
6 |
7 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
8 |
9 | var _vue = require('vue');
10 |
11 | var _vue2 = _interopRequireDefault(_vue);
12 |
13 | var autosizeTextarea = _vue2['default'].component('autosize-textarea', {});
14 |
15 | exports['default'] = autosizeTextarea;
16 | module.exports = exports['default'];
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 | Autosize Textarea Component for Vue.JS<autosize-textarea></autosize-textarea>
autosize for Vue.js