I have created my online portfolio using Nuxt 3. I followed the Nuxt 3 guide as well as watched a few tutorials online on adding Meta data to individual Nuxt 3 pages. I have provided each page with a different…
I recently encountered this error after deploying my Nuxt app to Firebase. Error: Failed to read credentials from file service-account.json: Error: ENOENT: no such file or directory, open 'service-account.json' at .readCredentialFile ( /workspace/node_modules/firebase-admin/lib/app/credential-internal.js:507 ) at .credentialFromFile ( /workspace/node_modules/firebase-admin/lib/app/credential-internal.js:480 ) at…
I'm trying to populate page title and meta tags with dynamic data coming from api for seo purpose. but unable to get it in view-page-source I've tried useHead, useSeoMeta and useServerSeoMeta with reactive properties. but all these functions called before…
Let's say we have following pages: /profile-edit: A private page, where the user can edit his profile let's call him "Sam James". /profile/sam-james: A publicy available profile page (like LinkedIn, Facebook etc., which should have very good SEO and performance…
I'm trying to deploy a Nuxt 3 website on Plesk, compiled with yarn build. I therefore have the PUBLIC and SERVER folders, which I have on Plesk hosting. I have the server.js file which is the following: `const app =…
I believe that I'm completely lost of reading n articles & documentations and not sure what is the right way of using Sanctum. Just a heads up what I'm trying to reach/create before talking more about the issue. I want…
With following code sometimes I need to redirect to '/my/path', and it works, but before the redirect hits, user can see this page for few milliseconds (Text you shouldn't see), and then they get redirected to 'my/path' as expected. But…
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…
In a Nuxt3 project I am using Firebase auth. I have created the following middleware to protect not authenticated routes: export default defineNuxtRouteMiddleware((to, from) => { const { $auth } = useNuxtApp(); const { $localePath } = useNuxtApp(); if(!$auth?.currentUser?.uid){ return…
I try to create a plugin in nuxt3 that uses highligh.js and use it on my components. But I can't do it I make this : // @/plugins/highlight.js import 'highlight.js/styles/stackoverflow-light.css' import hljs from 'highlight.js/lib/core'; import json from 'highlight.js/lib/languages/json'; hljs.registerLanguage('json', json);…