pdb_vue allows you to create Drupal blocks using Vue.js. It enables the integration of Vue components into your Drupal site, with support for both Vue 2 and Vue 3.
This is a Vue.js implementation for the Decoupled Blocks module. Blocks built with Vue.js can now easily be added to a site via a module or in a custom theme.
Documentation: https://www.drupal.org/docs/contributed-modules/decoupled-blocks-vuejs
Any ideas to help improve the developer experience in implementing Vue components is welcome.
Videos:
Using pdb_vue in a subtheme (Vue 2): https://vimeo.com/320101066
Vue 3
Vue 3 is now the default version being using on install. On the configuration page, either Vue 2 or 3 versions can now be selected. So if you are still using Vue 2, you can continue doing so. Keep in mind that the Vue community currently has plans to bring Vue 2 to end of life at the end of 2023.
Vue CLI Plugin
For Vue 2, there is a plugin for the Vue CLI that will scaffold out Vue 2 blocks for you and allow you to use a more normal Vue development cycle. It is still a work in progress but should work for most people. https://www.npmjs.com/package/vue-cli-plugin-drupal-pdb
vue add vue-cli-plugin-drupal-pdb