Add support for local filters

.gitignore

@@ -1,3 +1,4 @@
 /node_modules
 
 npm-debug.log
+package-lock.json

readme.md

@@ -20,6 +20,18 @@ $ npm install vue-moment
 Vue.use(require('vue-moment'));
 ```
 
+...or add it to your component as a local filter:
+
+```js
+import {moment} from 'vue-moment'
+
+export default {
+  filters: {
+    moment
+  }
+}
+```
+
 ## Usage
 
 Simply set `moment` as the filtering function and you're good to go. At least one argument is expected, which the filter assumes to be a `format` string if the argument doesn't match any of the other filtering methods.
@@ -236,7 +248,7 @@ console.log(Vue.moment().locale()) //es
 
 ## this.$moment
 
-`vue-moment` attaches the momentjs instance to your Vue app as `this.$moment`. 
+`vue-moment` attaches the momentjs instance to your Vue app as `this.$moment`.
 
 This allows you to call [the static methods momentjs provides](https://momentjs.com/docs/#/i18n/listing-months-weekdays/).
 

tests/vue-moment.spec.js

@@ -33,6 +33,27 @@ const vmd = new Vue({
   },
 }).$mount();
 
+const vml = new Vue({
+  template: `<div>
+              <span>{{ now | moment-local(...args) }}</span>
+              <span>{{ period | duration-local(...args) | duration-local(...formatter) }}</span>
+            </div>`,
+  data() {
+    return {
+      now,
+      args: [
+        'YYYY-MM-DD',
+      ],
+      formatter: ['humanize', true],
+      period,
+    };
+  },
+  filters: {
+    'moment-local': VueMoment.moment,
+    'duration-local': VueMoment.duration
+  },
+}).$mount();
+
 describe('VueMoment', () => {
   describe('installing plugin', () => {
     it('loads prototype', () => {
@@ -290,4 +311,14 @@ describe('VueMoment', () => {
       });
     });
   });
+
+  describe('local plugin', () => {
+    it('supports moment', () => {
+      expect(vml.$el.textContent).toContain(now.format('YYYY-MM-DD'));
+    });
+
+    it('supports duration', () => {
+      expect(vmd.$el.textContent).toContain('in a day');
+    });
+  })
 });