The code is working, but I'd like to store my component outside of the HTML and then import it. Ideally it should be in a component folder. Is it possible? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,…
I'm working on a site that overflows horizontally on desktop, as opposed to the usual vertical scroll. This all works fine, however in order to improve the user experience, I have to modify the scrolled amount in order to move…
i am using vue js with vee validate on frontend and laravel 10 on backend and i trying to hit my register api , i want to show the validation errors that are returned from the backend api , the…
Vue is simply manipulate html with javascript.In basic you create a vue object and You mount that object on a div with an id.I wanted to test that i create a .vue file and import this .vue file to a…
I have an app in Laravel for the backend and Vue.js and Quasar for the front end. I have a view in Vue.js that sends a request every 5 seconds. I would like to know how I can implement web…
I have a problem that recently my Visual Studio Code debugger refused to stop at breakpoints when debugging my Vue.js application when setting a breakpoint in a plain TypeScript (.ts) file, whereas it works just fine when setting a breakpoint…
I'm developing a Vue.js application with vue-router and facing an issue with my RankerDetail component. This component is meant to display different data based on the route parameter id. When I manually enter the URLs (e.g., /Ranker/1, /Ranker/2) in the…
<script setup> import InputChat from '../components/InputChat.vue' import Chat from '../components/Chat.vue' import Layout from "@/components/Layout.vue"; import Sidebar from "@/components/Sidebar.vue"; import ChatVue from '@/components/Chat.vue'; import { ChatManager } from '../../lib/ChatManager'; import { ref, watch } from 'vue'; const manager = new ChatManager()…
might be best explain with an example (using bootstrap grid) Thanks in advance for the assistance 1 item in list <div class="container"> <div class="row"> <div class="col-sm-12">item 1</div> </div> </div> 2 items in list <div class="container"> <div class="row"> <div class="col-sm-6">item 1</div>…
I am expecting to pass a value by router.push, this is the component where i want to pass it: <template> //some html </template> <script> export default { data(){ //some data }, methods: { uploadTemplate(event) { if(everythingWell){ this.$router.push({name: 'upload-document', params: {value:…