Update to Vue 2.x, keep RESTful Web Services (manual Vue install)

This is a follow-up to: Vue.js and Decoupling Drupal » Update from Vue 1.x

The initial setup is from One Page App With Drupal 8 and Vue.js:

  • Vue.js 1.0.11
  • vue-resource.js v0.1.17
  • vue-router v0.7.7
  • app.js is where all the code is

Now trying to manually update the Vue.js app to:

Update from Vue 1.x

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.

How to import multilingual nested paragraphs?

Blaire, a Digital Communications VP, reaches out to me for help in creating 80 pages of content in a soon to be launched Drupal 8 multilingual corporate website.

The first challenge is that these pages need to be created on an island of sort i.e. in an environment which is completely separate from the main contractor's environment - «in fact without them knowing about it would be best for a while...».

How to build a Landing page with Paragraphs?

A client of mine needs a one-page Drupal website for selling a unique product. We quickly agree on a simple formula whereby he can build individual slices and stack them. This is quite a common design, lots of websites are built that way.

Ok so what's the best way to do this? The most common answer to this is: Paragraphs. And here's what we're looking for.

Under Construction page - postmortem

The idea of creating a temporary Under Construction home page made me smile because it reminded me of the ubiquitous nature of these pages when the Web was just starting out in the early '90. Under Construction pages were of course everywhere. So I thought it would fun to try to replicate some of that esthetic and indulge in a little Electronic Frontier nostalgia. Anyway, in case you're curious, that's where the black & yellow stripes come from.

Project