Vue 3 Plugin v2.0.0-alpha.1

The plugin's first release from the 11ty/plugin-template-languages monorepo, built for Vue 3 and Eleventy v3.

npm install @11ty/eleventy-plugin-vue@canary

Usage

import vuePlugin from "@11ty/eleventy-plugin-vue";

// Works in Eleventy v3 or Build Awesome v4
export default function($config) {
  $config.addPlugin(vuePlugin);
}

Breaking

• Requires Eleventy 3.0.0+ and Node.js 22+.
• The package is now ESM only.
• Component CSS now goes directly into the core css bundle: e.g. <style>{% getBundle "css" %}</style>. Configure with cssBundleName option.

Changes

• configureApp(app, data) callback for customizing the Vue app before each render. async-friendly. #48
• Persistent build cache #40
• Adds support for .vue as core Layout files (e.g. layout: file.vue) #39
• Add support for .vue files in includes directories 11ty/eleventy-plugin-vue#42
• Core supplied data (pagination, page, eleventy, collections) are now given precedence over component data.
• Fix for Vue mutations on data leaking between pages. #44
• Improved error messaging in <script> elements #42
• Fix for dynamic import() of a Vue component #49

Full Milestone: https://github.com/11ty/plugin-template-languages/milestone/1?closed=1