The way i am getting data is little bit complicated. I have "tweets" array where data is stored and each tweet is a card where i successfully change style when card is clicked(markTweet function), but there are also replies for…
I try without success to apply a prerendering (or a SSG) to my Vue3 application to make it more SEO friendly. I found the vue-cli-plugin-prerender-spa, and when I try it with the command line: vue add prerender-spa I have the…
I have these two router-links, one enclosed in a li element, the other applied with a tag="li" property: <router-link tag="li" :to="{ name: 'work'}">Work</router-link <li><router-link :to="{ name: 'news'}">News</router-link></li> which a compiled in the browser like so: Is the tag property of…
I am building a quiz app with Vue 3 and Bootstrap 4. The quiz can be navigated in both directions (there is a nextQuestion method and a prevQuestion method). Ideally, I will turn this into a full-stack app, with the…
I am building a quiz app with Vue 3 and Bootstrap 4. I have this method for checking if the clicked answer is the (same as the) correct answer: checkAnswer(answer) { return answer == this.results[this.questionCount]["correct_answer"]; } It should be executed…
I am working on a Users CRUD application with Vue 3. Whenever I add a user, I want it added at the top of the table, with a "fade-in" animation. For this purpose, I have done the following: Template: <tbody…
I am working on a Users CRUD application with Vue 3. I run into trouble while trying to validate the data in the "Add New User" form. More precisely, I use the function below to make sure no form field…
I've recently upgraded from Vue 2 to Vue 3, and there are a few parts of my app that in development mode give the warning: [Vue warn]: Template compilation error: Tags with side effect (<script> and <style>) are ignored in…
In dev version it works good. But when I make production, throw it to host via apache and trying to enter to internal pages (non-main page '/') by path or by reload page it give 404 error. It is pretty…
<template> <span> <i class="fa fa-star text-warning fa-2x" v-for="r in rating" :key="r"></i> <h1>{{rating}}</h1> </span> </template> <script> export default { name: "ratings", props: ["rating"], } </script> <style> </style> This is one of my child component where 4 is passing as prop and…