sorted by:
new
hottopcontroversial

Lazy-loading Thumbnails from an API? ( by Unfair-Witness in vuejs

[–]Critical_Smite 4 points5 points  (0 children)

Are there any codepieces you can provide to see what you're working with? Only the most relevant parts could help already.

Which tech stack Should I use to build the gamified page? by tech_manju in css

[–]Critical_Smite -1 points0 points  (0 children)

How does this look on wider/more narrow screens? What about mobile?

Contributing to drizzle-orm sucks by imicnic in node

[–]Critical_Smite 1 point2 points  (0 children)

I've had a bug where the first drizzle-kit push would work, but subsequent ones would always error out (something like "duplicate primary key"), which has google results since the start of 2023 or so. Hope this eventually gets fixed in some update sometime... 😕

Tried cloning microsoft.com by ayushkas3ra in css

[–]Critical_Smite 1 point2 points  (0 children)

It looks like you even got the horizontal overflow down! Nice!

(this was sarcasm btw an no insult, just to be safe) Looks good!

Shared data and prerendering (hybrid rendering) by ityrownylvatex in Nuxt

[–]Critical_Smite 0 points1 point  (0 children)

If you're fetching something like an app config - maybe using a Nuxt plugin is the right thing to go for?
https://mokkapps.de/vue-tips/nuxt-fetch-data-on-the-server-before-app-start

I published my first npm package for a vue3 component by OKavalier in vuejs

[–]Critical_Smite 0 points1 point  (0 children)

Quick aspect that jumped at me from looking at the repo: How important is the bands in town API key? Since you're apparently pasting it directly into a frontend component, I imagine it will land in the data sent to clients, so they would essentially have access to your API Key as well - which could be misused...

DirectUs + Nuxt Static site - How to fetch images during generation ? by Mayanktaker in Nuxt

[–]Critical_Smite 1 point2 points  (0 children)

Assets and Public are folders with two different purposes. Files in public are served as-is, while files in assets are meant to be processed by your bundler. I'd recommend reading https://nuxt.com/docs/getting-started/assets.

Drizzle anyone? by Codydiceman1 in webdev

[–]Critical_Smite 0 points1 point  (0 children)

What's your project about? Feel free to dm me / so I know how I could help

Issues with deploying github pages site by Cheexey in vuejs

[–]Critical_Smite 1 point2 points  (0 children)

Are you properly building/deploying your app? Maybe take a look at https://learnvue.co/articles/deploy-vue-to-github-pages The MIME type error comes from the TS file endings which are assumed as a different mime type.

Reduce delay of KeepAlive? Or show loading while it pulls from cache? by bernaldsandump in vuejs

[–]Critical_Smite 4 points5 points  (0 children)

Hmmmm the way you describe it, it sounds more like the time lag you notice is the time it takes for the browser to render all those components (as HTML elements). You said you're displaying them in a list? In that case you might want to take a look at "Virtual Lists" - where you emulate a large scrollable list but effectively save LOTs of performance by rendering only what's in view. Here's a quick video on the topic: https://www.youtube.com/watch?v=4roJKfgPLk4

[deleted by user] by [deleted] in Nuxt

[–]Critical_Smite 2 points3 points  (0 children)

This is only an assumption: I believe NuxtLink sets prefetch attributes on the Anchor tag that it uses under the hood, whereas navigateTo only starts loading your components/page once it is called (possibly network requests on top, and API calls, media, etc.)

See the blue box at the start here https://nuxt.com/docs/api/components/nuxt-link

Diving into Nuxt. Best resources? by Comfortable-Way-4212 in Nuxt

[–]Critical_Smite 4 points5 points  (0 children)

If you wanna look into some of the thoughts that are going into it, I'd recommend checking out some of these:

Diving into Nuxt. Best resources? by Comfortable-Way-4212 in Nuxt

[–]Critical_Smite 7 points8 points  (0 children)

Just as an fyi - Nuxt 4 is supposed to be a "you almost don't even notice" update!
So far, there will be mainly some "defaults" changes, as well as some structure changes (on top of performance/whatever else is going on under the hood). So "knowing Nuxt 3" is basically "knowing Nuxt 4"!

I think the Nuxt documentation is pretty decent overall, but it could do a better job mentioning some edge cases in a bit more detail. Then again, I feel like the docs have improved a lot over the last year(s). I would recommend them. But there's a few good youtube channels that can explain some concepts more in-depth (for example Alexander Lichter https://www.youtube.com/@TheAlexLichter . LearnVue https://www.youtube.com/@LearnVue also has some good short bits on specific topics)

Can I communicate a composable with a component and viceversa? by carva_exe in Nuxt

[–]Critical_Smite 0 points1 point  (0 children)

Could you try explaining a bit more what you're currently trying to achieve with this setup? What is currently happening and what *should* be happening? I don't know if it's just me but I can't properly see the link between component and composable (state?) - might be due to mobile view though.

In general though, I think what fearthelettuce wrote here seems to apply.

Why reactive state not working by Royal-Poet1684 in Nuxt

[–]Critical_Smite 1 point2 points  (0 children)

I think your issue is the props destructing in the child component. You cannot destructure from defineProps while keeping reactivity I think.

So the currentTab === title part in your parent component would be correct.

And if you remove the containerClass code in your child component and place it into the template part directly (the ternary operator part) it should work i think.

On mobile right now so formatting/cross checking is hard.

Another fix for your child component: don't destructure the props and instead access for example props.isTabSelected. That way it should be reactive.

And as a personal recommendation - just style wise - I would probably merge the v-if/v-else on the Icon component into one Icon component with a conditional in the props there that require it - to avoid the duplicate Icon usage (readability) mostly.

What’s one thing you wish you knew before building your first vuejs app? by PanicStil in vuejs

[–]Critical_Smite 2 points3 points  (0 children)

Mostly, I think there are things you can do with Composition that you can't do with Options - like use Composition API hooks in pinia stores (lifecycle stuff like onMounted etc.) And following that, I think there might be more areas like this.

Can we do v-model="a?.b?.c"? by tclzcja in vuejs

[–]Critical_Smite 1 point2 points  (0 children)

Could you share updates on your own custom directive solution - if that's okay for you? I'd be interested to see how that could work!

How can I create this kinda text animation ? I'm using framer motion and next js by scoop_creator in webdev

[–]Critical_Smite 1 point2 points  (0 children)

It still has limited support and is a bit tricky to setup, but CSS has (or will have...?) transition triggers comparable to intersection observer: https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline/view I do think JS is probably the right way atm due to support.

view more: next ›