# Vuterial
VuterialはMaterial DesignするためのVue.js Componentsです。
[Material Components for the web](https://github.com/material-components/material-components-web)をVue.js用に拡張したものです。
## Vue CLI 3で始める
### インストール
```shell
$ npm i -g @vue/cli
$ vue create my-project
$ cd my-project
$ npm i vuterial
```
### script
```typescript
import Vue from 'vue'
import {Vuterial} from 'vuterial'
import 'vuterial/dist/vuterial.css'
Vue.use(Vuterial)
```
### Material Components for WebのCSS追加
VuterailはMaterial ComponentsのCSSも別途追加する必要があります。
一番簡単な方法はhtmlにCSSを追記する方法です。
```html
```
必要ならMaterial Iconとフォントも追加。
```html
```
### 実行
```
$ npm run serve
```
## CDNで始める
```html
vuterial demo
hello vuterial
```
## さらに詳しく
Vuterial Documents
https://coppieee.github.io/vuterial/