#update #nuxt #vueJS

👩‍💻 Nuxt 4.2 chiqdi!

Asosiy yangilanishlar:

- Abort control: useAsyncData/useFetch da AbortController bilan so'rovlarni bekor qilish
- Dev error pages: xatoliklar sahifasi va texnik debug paneli
- Async data extraction: JS bundle 39% ga kichrayadi (statik saytlar uchun)
- TS Plugin (eksperim.): VS Code'da komponent va import navigatsiyasi yaxshilandi
- Vite API, Nitro refactor, performance boost

Batafsil: https://nuxt.com/blog/v4-2

EN

Nuxt 4.2 is out!

Main updates:

- Abort control: Cancel requests with AbortController in useAsyncData/useFetch
- Dev error pages: Error pages and technical debug panel
- Async data extraction: JS bundle shrinks by 39% (for static sites)
- TS Plugin (exp.): Improved component and import navigation in VS Code
- Vite API, Nitro refactor, performance boost

Details: https://nuxt.com/blog/v4-2

@frontend

#trend #css #frontend

💧 Liquid slider

To'liq kod: https://codepen.io/jh3y/pen/qEbYRVg

Siz ham loyihalarda sinab ko'rdingizmi?

@frontend

#VsCode #update #frontend

👩‍💻 VS Code'ga yangi "Plan" xususiyati qo'shildi

Endi murakkab vazifalarni (masalan, autentifikatsiya qo'shish yoki testlar yozish) AI yordamida avval rejalashtirib olasiz. U loyihangizni tahlil qiladi, qadamlarga bo'ladi va "to-do" ro'yxatini avto yangilaydi. Natijada kod sifati oshadi, xatolar kamayadi va ishlash samaradorligingiz tezlashadi.

Hozircha VS Code Insiders'da qo'shilgan. Tez orada barcha versiyalarda ko'rinadi.

EN

New "Plan" Feature Added to VS Code

Now you can plan complex tasks (like adding authentication or writing tests) in advance with AI assistance. It analyzes your project, breaks it down into steps, and automatically updates the "to-do" list. As a result, code quality improves, errors decrease, and your productivity speeds up.
Currently added to VS Code Insiders. It will appear in all versions soon.

@frontend

#css #ux #frontend

🤖 O'sha trendga chiqayotgan NEO roboti veb saytidagi qiziqarli va ajoyib UX

⬅️ Karuselning "Next/Previous" tugmalariga odatdagidan boshqacharoq CSS orqali yechim. aria-label atributidan foydalanib, tugmalarni aniq tanlash mumkin. Bunday uslub UX'ni yaxshilaydi va a11y uchun ajoyib.

Oddiy CSS:

button[aria-label="Next slide"] {
  cursor: url(chev-right.png), auto;
}

button[aria-label="Previous slide"] {
  cursor: url(chev-left.png), auto;
}

@frontend