Skip to content

Vue 3 Plugin for Build Awesome (11ty) v2.0.0

Latest

Choose a tag to compare

@zachleat zachleat released this 26 Oct 16:24
· 1 commit to main since this release
Immutable release. Only release title and notes can be modified.
cca34b5
  • BREAKING: Requires Eleventy v3 or newer and Node.js 22 or newer. The package is now ESM only.
  • BREAKING: Component CSS goes to Eleventy’s css bundle. Use <style>{% getBundle "css" %}</style> (Nunjucks/Liquid example) to output the bundle CSS. Previous versions of this plugin used (now removed) options for assets or via the getVueComponentCssForPage filter.
  • Adds configureApp(app, data) option to customize the Vue app before each render. Async-friendly. (#48)
  • Adds cssBundleName and cssBundleBucket options. Use them to pick the target bundle or bucket, or set cssBundleName: false to opt out.
  • Compiled components are cached across builds. The plugin skips Rollup when no .vue file, imported module, plugin option, or Vue version has changed. (#40)
  • .vue files can now be used as first-party Build Awesome Layouts. (#39)
  • Fix: Child components can read data-cascade values such as eleventy. (#42, #44)
  • Fix: Supplied data (page, pagination, eleventy, collections) now takes priority over a component’s own data, fixing pagination.items bugs. (#42, #44)
  • Fix for error messaging in component <script> syntax.
  • Fix: defineAsyncComponent with dynamic import() now unwraps default correctly. (#49)
  • Fix: the includes and layouts directories are now ignored correctly (eleventy-plugin-vue#42).
  • Fix: Component CSS is applied correctly during watch builds.
  • Fix: Editing a non-.vue module that a component imports (.js, .css) now triggers a rebuild.
  • Fix: cacheDirectory handles absolute paths on Windows.

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