Eleventy + Vue Preview

.eleventy.js

const eleventyVue = require("@11ty/eleventy-plugin-vue");

module.exports = function(eleventyConfig) {
  // Use Defaults
  eleventyConfig.addPlugin(eleventyVue);

  // OR, Use your own options
  eleventyConfig.addPlugin(eleventyVue, {
	  // Directory for single file components (defaults to includes folder)
		componentsDirectory: "",

		// Directory to compile the Single File components into
		cacheDirectory: ".cache/11ty/vue/",

		// Example of using postcss in the single file components
		rollupPluginVueOptions: {
			style: {
				postcssPlugins: [
					require("autoprefixer"),
					require("postcss-nested")
				]
			}
		}
	});
};

package.json

{
  "dependencies": {
    "@11ty/eleventy": "^0.11.0-beta.2",
    "@11ty/eleventy-plugin-vue": "^0.0.2"
  },
   "scripts": {
      "build": "ELEVENTY_EXPERIMENTAL=true eleventy"
   }
}

Docs added to https://github.com/11ty/eleventy-plugin-vue/