Router for board URL and card URL

We will give each card a unique URL so that users can use that URL to open the card directly, and a card URL will not contain any board information so that when a card is moved between boards, the card URL will always be able to open that card correctly. We will implement the moving of cards between boards feature in a future version.

The card URL will use this format: https://taskagile.com/card/{cardId}/{card-title}. For example, the URL of the Increase my handcraft skill card, whose ID is 4, will be this: https://taskagile.com/card/4/increase-my-handcraft-skill.

So, how are we going to use the card URL to open a card and also have the board fully loaded behind the mask? The answer is by using vue-router ...

Get Building Applications with Spring 5 and Vue.js 2 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.