# vue-remove-whitespace

> A reusable remove whitespace directive for reusable [Vue.js](https://github.com/vuejs/vue) components

## Overview

英語では通常、単語は空白文字で区切られます。一方、中国語、日本語、タイ語などの言語では通常、単語間の区切り文字は一切使用されません。

spanやa、またそれらを内包したVue コンポーネントなどのinline要素内での改行は、意図しないWhitespaceを作ってしまいます。

`vue-remove-whitespace` はそれらの課題を解決します。

## Requirements

- vue: ^2.0.0

## API

### `directives`

``` js
import { removeWhitespace } from 'vue-remove-whitespace';

export default {
  directives: { removeWhitespace: removeWhitespace },
  template: `
    <p v-remove-whitespace>
      お問い合わせは
      <a href="#">こちらから</a>
      お願いします
    </p>
  `,
};
```

### `mixin`

``` js
import { mixin as removeWhitespaceMixin } from 'vue-remove-whitespace';

export default {
  mixins: [ removeWhitespaceMixin ],
  template: `
    <p v-remove-whitespace>
      お問い合わせは
      <a href="#">こちらから</a>
      お願いします
    </p>
  `,
};
```

## Notes

forked configuration [vue-focus](https://www.npmjs.com/package/vue-focus)

## License

[MIT](https://opensource.org/licenses/MIT)