I want to build a chat app with Vuejs 3 and Vuetify 3. However, I am having problem aligning chatbox with v-card component. The chatbox (green) is at the bottom of the page instead of at the bottom of the…
This is a branch of a previous question I asked regarding filtering data tables: Questions regarding bootstrap tables and checkbox filtering I have a set of data that I pass into a Bootstrap table from my database. Each data item…
I am learing Laravel, and following a fullstack tutorial. The application is Laravel+Vue. When I started Laravel on port 8000 with php artisan serve it opened as it should. Then I created Vue app inside src folder. It should be…
I am trying to implement te custom renderer of this Vue Word Cloud component in Laravel: https://github.com/SeregPie/VueWordCloud I first prepare my word array using php (working): @php $tags = AppModelsTag::withCount('songs')->orderBy("songs_count", "desc")->take(50)->get(); $words = ""; foreach($tags as $tag) { $count =…
I have array in quasar {1: {…}, 2: {…}, 12: {…}, 13: {…}, 14: {…}, 15: {…}} 1 : {id: 1, title: 'Supreme Court dubs Manipur', news: 'PTI, New Delhi, JUL 20 2023, 11:23 ISTUPDATED: JUL…isturbing-asks-centre-to-take-action-1238849.html', created_by: 10000001, updated_by: null,…
I'm looking at the example on Vue.js documentation for iteratively rendering a Tree using the v-for directive. My goal was to alter the code to iteratively render multiple TreeItems in the App.vue file. My question is why can you iteratively…
I have this Models Department.model.js const mongoose = require("mongoose"); const Schema = mongoose.Schema; const Department = new Schema({ departmentName: { type: String, required: true, }, text1: { type: String, required: false, }, text2: { type: String, required: false, }, text3:…
I have a linear gradient in my background: https://prnt.sc/9mmoSmAazP8A The problem is that when the screen size changes, my gradient is not starting at Point 0: https://prnt.sc/S9fGUR2Ta3l9 How can I assure that the gradient starts at point 0 all the…
Short description of the project: An invoice card is to be displayed that contains information about an invoice. The user can assign payments to the invoice and also remove them. The payments are stored as an object in an array.…
I am working on nuxt 3 and I need to stop the reactivity of the reactive constant. As I have one formData object and Once we click on submit I need to remove some keys from the formData object. I…