Decoupled Blocks: Vue.js

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