Search icon
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Building Real-World Web Applications with Vue.js 3

You're reading from  Building Real-World Web Applications with Vue.js 3

Product type Book
Published in Jan 2024
Publisher Packt
ISBN-13 9781837630394
Pages 318 pages
Edition 1st Edition
Languages
Author (1):
Joran Quinten Joran Quinten
Profile icon Joran Quinten

Table of Contents (17) Chapters

Preface Part 1: Getting Started with Vue.js Development
Chapter 1: Introduction to Vue.js Chapter 2: Creating a Todo List App Chapter 3: Building a Local Weather App Chapter 4: Creating the Marvel Explorer App Part 2: Intermediate Projects
Chapter 5: Building a Recipe App with Vuetify Chapter 6: Creating a Fitness Tracker with Data Visualization Chapter 7: Building a Multiplatform Expense Tracker Using Quasar Part 3: Advanced Applications
Chapter 8: Building an Interactive Quiz App Chapter 9: Experimental Object Recognition with TensorFlow Part 4: Wrapping Up
Chapter 10: Creating a Portfolio with Nuxt.js and Storyblok Index Other Books You May Enjoy

Modifying the content model

Our headless CMS is now able to present basic layouts and contents to our portfolio. It’s still very limited this way, so let’s find out how we can work with the content model so that it supports new features.

Updating existing types

Let’s assume that our Teaser block is a Heading block. I would recommend trying to keep blocks as static as possible, but let’s see what we need to do to change a name. If we navigate to the Block library in CMS and hover over the Teaser block, we can enter edit mode with the context menu. In the Config tab, we have the option to update the name:

Figure 10.13 – Updating an existing block’s name

Figure 10.13 – Updating an existing block’s name

The next step is simply renaming the Teaser.vue component to Heading.vue in the ./storyblok folder. To keep stability in mind, I would strongly recommend planning ahead with content modeling instead of relying on rewrites of existing content types.

A rule...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €14.99/month. Cancel anytime}