Module Description
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
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
Module Link
Project Usage
389
Security Covered
Covered By Security Advisory
Version Available
Production
Module Summary
This module aims to simplify the process of adding Vue.js blocks to a Drupal site through a module or custom theme, offering options for both Vue 2 and Vue 3 versions.
Data Name
pdb_vue