Javascript – How to get page title in Nuxt 3?
I am struggling to find a way to get page title in Nuxt 3 and reuse it in layout. I am pretty sure there is a way to do it through some meta object but I just can not find…
Css – What is the best way to calculate the height of element
I use Bootstrap Vue table with Vue v2 and I currently use a prop (sticky-header="600px") to set the table height: <page-wrapper> <page-header> </page-header> <div class="content"> <b-card> <b-row> <b-col></b-col> <b-col> <b-form-group> <b-form-radio-group></b-form-radio-group> </b-form-group> </b-col> <b-col></b-col> </b-row> <div class="table-responsive"> <b-table-simple class="text-left border-left…
Javascript – Nuxt 3: Plugin function called in script setup works but throws TypeError
In my Nuxt 3 project I have build a server plugin to set meta head tags. In my page/route, I first fetch data from the backend and then call the plugin. The content appears in the html document as expected…
Nuxt .js and Laravel API – CSRF token mismatch
I'm trying to make a login page using nuxt.js as Front-end and Laravel for the API. But after I take the csrf token from sanctum-cookie, i can't use it because of "CSRF token mismatch." . And I don't know what…
Seo – Nuxtjs canonical URL are getting overridden on production
I've a nuxt application, that is deployed using S3 and CF on AWS. The canonical URL is getting changed on production, but working correctly on localhost. Here is my folder structure: ISSUE: Inside these pages I've added head() function and…
Javascript – $refs not loaded on Vue.js component
I have a component in Vue.js that has a modal view with different references inside. <template> <div> <b-modal ref="modalDialog" > <b-row> <!-- document --> <b-col> <document-creation ref="documentCreation"/> </b-col> </b-row> <patient-creation-or-detection ref="patientCreationOrDetection" /> .... </b-model> <confirmation-dialog ref="confirmAndCreatePatient" /> ... </div> </template>…
Html – Nuxt3 background-image doesn't show up
I am working on a nuxt3 project and want to use an image as the background, but I am stuck with the problem of it not showing up on my screen. I placed my image as documented in Nuxt3. So…
How to work with images on the Nuxt + Laravel website?
I'm making a website on Nuxt 3 + Laravel (backend). I have an article editor where I can upload an image. I need to compress and crop this image for several different formats. Then, I will take the desired format…
Seo – Page Title Set By Content Module Does Not Change Back After Navigation
I am using Nuxt 3 and Nuxt Content for my site. I set a default page title inside the nuxt.config.ts file (see Documentation: SEO and Meta), and the Content module sets the title on every page that uses it. However,…
Javascript – Nuxt i18n Calling useRoute within middleware may lead to misleading results
So I am getting this warning in nuxt3: Calling useRoute within middleware may lead to misleading results. Instead, use the (to, from) arguments passed to the middleware to access the new and old routes. This happens because I am calling…