I develop an application in VueJs 3, and need the following behavior: There is a main list of chapters, and in each chapter there are events: - Chapter 1 - Event 1 - Event 2 : - Chapter 2 -…
I am using PrimeVue and having problem applying style on components using <style scoped>. I managed to reduce to this minimal code (unfortunately I didn't find any cdn for icons, so I cannot create a code snippet): <template> <div id="uppermenu">…
I have an issue when I want to show data in VueJS. Previously I have successfully displayed "User Online" data, but the problem is why do I have to click on the page if I want to display the existing…
I'm building a nuxt module, and want to set loadingTemplate within this module. What I tried so far is modifying devServer inside module like below (But no luck) import { loadingTemplate } from './loadingTemplate' export default defineNuxtModule<ModuleOptions>({ ... async setup…
I have a Vue3 app and using VSCode. Using the npm run type-check command will show me the vue-tsc errors. I'm trying to find a way to show these errors in VSCode, like eslint does. Does anybody know if this…
I'm creating an SPA in Vue3 that requires a WebSocket to be open at all times to access database variables to the Client. I was wondering, maybe I could hide a WebSocket connection inside an invisible tab so that it's…
I tried to convert this code to and don't know exactly what to do with the const. Can somebody show me the way: setup() { const { // methods show, onHide, changeIndex, // refs visibleRef, indexRef, imgsRef } = useEasyLightbox({…
I'm trying to change a picture (daytime picture vs nighttime picture) dynamically when a person hits the light button. It works, but I have to refresh the page for the picture to show. Daytime and nighttime are basically just booleans…
I have a simple form in my Vue 3 app as below, <form @submit.prevent="createProject"> <div class="my-3"> <label for="name" class="form-label">Project Name</label> <input type="text" class="form-control" id="name" placeholder="Enter project name" v-model="projectName" pattern="[A-Za-z0-9s-_]+" required /> </div> <div class="text-end mt-4"> <button class="btn btn-dark" type="submit">Save</button> </div>…
Javascript and Vue beginner here. Trying out examples to learn the basic concepts. <template> /*<p v-bind:class="['bold', 'italic', isValid ? 'valid' : 'invalid']">*/ <p v-bind:class="classArray"> Hello, {{name[0]}} {{name[1]}} </p> </template> <script> export default { data() { return { isValid: true, name:…