diff --git a/.circleci/config.yml b/.circleci/config.yml
index 42f34e2..43040f9 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -3,7 +3,7 @@ jobs:
build:
working_directory: ~/project
docker:
- - image: alekzonder/puppeteer # base image: node/8-slim
+ - image: alekzonder/puppeteer # base pluginImage: node/8-slim
steps:
- checkout
- run:
diff --git a/README.md b/README.md
index 6445905..63303e5 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,9 @@
-
+
-
- 
-
-
- 
-
-
- 
-
-
- 
-
-
- 
-
-
-
- 
-
## Usage
@@ -40,13 +22,11 @@ With rollup you can break your application into reusable modules.
```js
import vue from 'rollup-plugin-vue'
-export default {
+export default {
entry: 'main.js',
- plugins: [
- vue(/* options */)
- ]
+ plugins: [vue(/* options */)]
}
-```
+```
## Security
@@ -54,10 +34,10 @@ If you discover any security related issues, please email hi@znck.me instead of
## Credits
-- [Rahul Kadyan](https://github.com/znck)
-- [Thomas Ghysels](https://github.com/thgh)
-- [Eduardo San Martin Morote](https://github.com/posva)
-- [All Contributors][link-contributors]
+* [Rahul Kadyan](https://github.com/znck)
+* [Thomas Ghysels](https://github.com/thgh)
+* [Eduardo San Martin Morote](https://github.com/posva)
+* [All Contributors][link-contributors]
## License
diff --git a/docs/.nojekyll b/docs/.nojekyll
deleted file mode 100644
index e69de29..0000000
diff --git a/docs/README.md b/docs/README.md
deleted file mode 100644
index 0112c6a..0000000
--- a/docs/README.md
+++ /dev/null
@@ -1,54 +0,0 @@
----
-sidebar: false
-
----
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-## Introduction
-`rollup-plugin-vue` is a plugin for Rollup that can transform Vue components in the following format into a plain JavaScript module:
-
-
-
-
-`node-sass`, `less` and `stylus` are optional dependencies. If you are using `scss/sass/less/stylus` you should require (`yarn add --dev node-sass less stylus`) them.
-
-
-#### Use other plugins
-Set `autoStyles: false` and `styleToImports: true` to import style as a dependency and plugins like [rollup-plugin-scss](https://github.com/differui/rollup-plugin-sass) can be used.
-
-``` js
-// rollup.config.js
-import vue from 'rollup-plugin-vue'
-import scss from 'rollup-plugin-scss'
-
-export default {
- ...
- plugins: [
- vue({ autoStyles: false, styleToImports: true }),
- scss()
- ],
- ...
-}
-```
-
-#### CSS Modules
-[CSS Modules](https://github.com/css-modules/css-modules) is a popular system for modularizing and composing CSS. `rollup-plugin-vue` provides first-class integration with CSS Modules as an alternative for simulated scoped CSS.
-
-``` vue
-
-
-
-
-
- Am I red?
-
-
-
- Red and bold
-
-
-`rollup-plugin-vue@^2.3` cannot add `$style` computed property. You have to explcitly add it.
-
-
-``` js
-$style () {
- return this.$options.cssModules
-}
-```
-
-##### Custom Inject Name
-You can have more than one `
-
-
-```
-##### CSS Modules Configuration
-`rollup-plugin-vue` uses `postcss-modules` to handle CSS modules.
-
-You can provide `postcss-modules` configuration options by setting:
-``` js
-cssModules: { generateScopedName: '[name]__[local]', ... }
-```
-
-#### Scoped CSS
-
-Available in `rollup-plugin-vue@^2.4+`.
-
-
-There is another option to modularize your component styles that called Scoped CSS. Scoped CSS will add a unique attribute to all HTML elements and CSS selectors instead of transform class names. To enable this, you need to add `scoped` attribute to `
-```
-
-The output CSS will be like:
-
-``` css
-.red[data-v-07bdddea] {
- color: red;
-}
-
-.container .text[data-v-07bdddea] {
- font-size: 1.8rem;
-}
-```
-
-#### PostCSS
-
-
-Available in `rollup-plugin-vue@^2.5+`.
-
-
-`rollup-plugin-vue` use `PostCSS` to handle `Scoped CSS` and `CSS Module`, you can also add other `PostCSS` plugins, like [Autoprefixer](https://github.com/postcss/autoprefixer) or [cssnext](http://cssnext.io/).
-
-##### Configuration
-
-We use [postcss-load-config](https://github.com/michael-ciniawsky/postcss-load-config) to load config file, that means:
-- `postcss` field in your `package.json`
-- `.postcssrc` file in JSON or YAML format
-- `postcss.config.js` or `.postcssrc.js`
-
-##### Inline Options
-
-You can also use a `postcss` option, it accepts three types:
-- `Function`: return an array of plugins
-- `Array`: an array of plugins
-- `Object`: `postcss`'s configuration, has the most priority
-
-For example, if you want to use `Autoprefixer`, that means something like
-
-``` js
-import Autoprefixer from 'autoprefixer'
-
-export default {
- ...
- postcss: [Autoprefixer()],
- ...
-}
-```
-
-or
-
-``` js
-import Autoprefixer from 'autoprefixer'
-
-export default {
- ...
- postcss() {
- return [Autoprefixer()]
- },
- ...
-}
-```
-
-or this:
-
-``` js
-import Autoprefixer from 'autoprefixer'
-
-export default {
- ...
- postcss {
- plugins: [Autoprefixer()],
- options: {
- // postcss's option goes here
- ...
- }
- },
- ...
-}
-```
-
-### Template
-Templates are processed into `render` function by default. You can disable this by setting:
-``` js
-compileTemplate: false
-```
-
-Additionally, you can pass options to the [template compiler](https://www.npmjs.com/package/vue-template-compiler) by setting:
-``` js
-compileOptions: {
- preserveWhitespace: false
-}
-```
-
-#### Static Class Replacement
-When using CSS modules, class names are replaced in template at compile time.
-
-For example:
-```
-Foo
-```
-would become
-```
-Foo
-```
-before compiling to `render` function. This saves you from binding `class` attribute to `$style.red`.
-
-You can disable this behavior by setting:
-``` js
-disableCssModuleStaticReplacement: true
-```
-
-#### Template Languages
-
-- ##### HTML
-Default template language.
-
-- ##### Pug/Jade
-It uses `pug@^2.0.0-beta11` to process `pug` template elements. You can provide `pug` configuration options by setting:
-``` js
-pug: { /* pug options */}
-```
-
-### Script
-
-#### Script Languages
-ES6 is catching up but `coffee` script is still popular with some developers.
-
-- ##### Coffee
-It uses `coffeescript-compiler@^0.1.1` to process `coffee` script elements. You can use `lang="coffee"` or `lang="coffeescript"`.
-
-### Handle with(this) issue
-Vue uses `with(this)` in render function as scoping rules of `with` aligns with scoping rules of templates. Using `with` in strict mode is forbidden.
-
-`rollup-plugin-vue` strips away all `with(this)` statements by default. You can disable this by setting:
- ``` js
- vue: { transforms: { stripWith: false } }
- ```
-
-[node]: http://nodejs.org/
-[rollup]: http://rollupjs.org
-[NPM]: https://www.npmjs.com/#getting-started
-[yarn]: http://yarnpkg.com/
diff --git a/docs/en/2.3/examples.md b/docs/en/2.3/examples.md
deleted file mode 100644
index 7137f20..0000000
--- a/docs/en/2.3/examples.md
+++ /dev/null
@@ -1,34 +0,0 @@
----
-nav: en2.3
-search:
- - "version\:2.3"
----
-
-- #### Bootstrap like SASS export
-``` js
-// Assuming `rollup.config.js` is in project root directory.
- ...
- vue ({
- cssModules: {
- generateScopedName: 'foo-bar-[name]-[local]'
- },
- css (_, styles) {
- let combine = ''
- const result = styles.map(style => {
- const filename = style.id.replace(path.resolve(__dirname, 'src'))
- .replace(/\.vue$/i, '.scss')
- .replace(/^\//, '')
-
- combine += '@import ' + JSON.stringify(filename.replace(/\.scss$/i, '')) + ';\n'
-
- fs.writeFileSync(path.resolve(__dirname, `dist/scss/${filename}`), style.code.trim())
-
- return style.$compiled.code
- }).join('\n')
-
- fs.writeFileSync(path.resolve(__dirname, `dist/scss/${name}.scss`), combine)
- }
- })
- ...
-```
-
diff --git a/docs/en/README.md b/docs/en/README.md
deleted file mode 100644
index cea9d71..0000000
--- a/docs/en/README.md
+++ /dev/null
@@ -1,54 +0,0 @@
----
-sidebar: false
-
----
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-## Introduction
-`rollup-plugin-vue` is a plugin for Rollup that can transform Vue components in following format into a plain Javascript module:
-
-
-
-
-