Back in the February 2019 I started experimenting with decoupled Drupal and Vue.js. After a basic search I then decided to tag along with Ivan Dorić in One Page App With Drupal 8 and Vue.js. Although this 14 part series was already a bit dated (2016) I liked Ivan's casual tone and his user friendly approach which uses Drupal core's RESTful Web Services to create the API.
Fast-forward to today (09-2020), Vue.js 2.x has been out since 09-2016, Vue 3.x was released last month (09-2020) and JSON:API was committed to Drupal core on 03-2019 (drupal 8.7.0-beta1). Time to catch up.
After some quick thinking, I decide to update to Vue 2.x which I assume to be more stable and, more importantly, for which there's likely a lot more documentation available. Nothing wrong with making my life easier.
In his series, Ivan cuts to the chase - which I liked - and manually installed vue.js, vue-resource.js and router.js. Here's my plan going forward.
- Update to Vue 2.x, keep RESTful Web Services (manual Vue install)
- Update to Vue 2.x, keep RESTful Web Services but do a proper Vue install
- Update to 2.x and JSON:API
For now, you can still see the Vue.js 1.x app here. Note that it's sometime a bit slow to load because the API runs on a dev server that quickly falls asleep.