Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: UI improvements, highlight file path #120

Merged
merged 17 commits into from
Aug 22, 2024

Conversation

userquin
Copy link
Member

@userquin userquin commented Aug 21, 2024

Description

This PR includes:

  • fix color contrast via custom unocss shortcuts: updated opacity to meet WCAG AA Color Contrast
  • fix transform stack list color contrast: updated styles to use fw-600 for normal entries and others using normal font with italic: the selected index will use fw-600 and the current bg-active
  • fix div inside button (this is not valid html markup)
  • add Vite plugin to test slow and error entries: added to the playground a new /error page to test plugin error
  • added some x-space in playground layout pages links (px-1rem)
  • NOTE: for testing badge-order change the class in the html, using any post or pre plugin; you can check badge-load, badge-gray and badge-orange in vue css style for HelloWorld.vue expanding the transform stack; you can check badge-green and badge-post visiting /other page and opening metrics > plugin-transform; you can check badge-error visiting /error page and opening virtual:slow:error entry in module list
  • change header to fix long module names

Linked Issues

Additional context

src/client/main.ts Outdated Show resolved Hide resolved
@userquin userquin marked this pull request as ready for review August 22, 2024 13:30
@userquin userquin requested a review from antfu August 22, 2024 13:30
uno.config.ts Outdated Show resolved Hide resolved
}>(),
{
icon: true,
},
)

const isVirtual = computed(() => list.value?.modules.find(i => i.id === props.id)?.virtual)
const moduleName = computed(() =>
props.id?.startsWith(root.value)
? props.id.slice(root.value.length)
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we should move the . in the template here, the tooltip not showing it (custom span to add op50)

@antfu antfu changed the title feat: add UI improvements feat: UI improvements, highlight file path Aug 22, 2024
@antfu antfu merged commit 441c665 into main Aug 22, 2024
@antfu antfu deleted the userquin/feat-add-ui-improvements branch August 22, 2024 15:09
tobiasdiez referenced this pull request in nuxt-modules/storybook Aug 23, 2024
[![Mend
Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
|
[@iconify-json/simple-icons](https://icon-sets.iconify.design/simple-icons/)
| [`1.1.113` ->
`1.1.114`](https://renovatebot.com/diffs/npm/@iconify-json%2fsimple-icons/1.1.113/1.1.114)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@iconify-json%2fsimple-icons/1.1.114?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@iconify-json%2fsimple-icons/1.1.114?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@iconify-json%2fsimple-icons/1.1.113/1.1.114?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@iconify-json%2fsimple-icons/1.1.113/1.1.114?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [@nuxt/devtools-kit](https://devtools.nuxt.com/module/utils-kit)
([source](https://togithub.com/nuxt/devtools/tree/HEAD/packages/devtools-kit))
| [`1.3.9` ->
`1.3.14`](https://renovatebot.com/diffs/npm/@nuxt%2fdevtools-kit/1.3.9/1.3.14)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@nuxt%2fdevtools-kit/1.3.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@nuxt%2fdevtools-kit/1.3.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@nuxt%2fdevtools-kit/1.3.9/1.3.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@nuxt%2fdevtools-kit/1.3.9/1.3.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [@nuxt/eslint](https://togithub.com/nuxt/eslint)
([source](https://togithub.com/nuxt/eslint/tree/HEAD/packages/module)) |
[`0.5.0` ->
`0.5.2`](https://renovatebot.com/diffs/npm/@nuxt%2feslint/0.5.0/0.5.2) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/@nuxt%2feslint/0.5.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@nuxt%2feslint/0.5.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@nuxt%2feslint/0.5.0/0.5.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@nuxt%2feslint/0.5.0/0.5.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [@nuxt/eslint-config](https://togithub.com/nuxt/eslint)
([source](https://togithub.com/nuxt/eslint/tree/HEAD/packages/eslint-config))
| [`0.5.0` ->
`0.5.2`](https://renovatebot.com/diffs/npm/@nuxt%2feslint-config/0.5.0/0.5.2)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@nuxt%2feslint-config/0.5.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@nuxt%2feslint-config/0.5.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@nuxt%2feslint-config/0.5.0/0.5.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@nuxt%2feslint-config/0.5.0/0.5.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [@nuxt/kit](https://nuxt.com/docs/api/kit)
([source](https://togithub.com/nuxt/nuxt/tree/HEAD/packages/kit)) |
[`3.12.4` ->
`3.13.0`](https://renovatebot.com/diffs/npm/@nuxt%2fkit/3.12.4/3.13.0) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/@nuxt%2fkit/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@nuxt%2fkit/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@nuxt%2fkit/3.12.4/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@nuxt%2fkit/3.12.4/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [@nuxt/schema](https://nuxt.com)
([source](https://togithub.com/nuxt/nuxt/tree/HEAD/packages/schema)) |
[`3.12.4` ->
`3.13.0`](https://renovatebot.com/diffs/npm/@nuxt%2fschema/3.12.4/3.13.0)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@nuxt%2fschema/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@nuxt%2fschema/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@nuxt%2fschema/3.12.4/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@nuxt%2fschema/3.12.4/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [@nuxt/vite-builder](https://nuxt.com)
([source](https://togithub.com/nuxt/nuxt/tree/HEAD/packages/vite)) |
[`3.12.4` ->
`3.13.0`](https://renovatebot.com/diffs/npm/@nuxt%2fvite-builder/3.12.4/3.13.0)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@nuxt%2fvite-builder/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@nuxt%2fvite-builder/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@nuxt%2fvite-builder/3.12.4/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@nuxt%2fvite-builder/3.12.4/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
|
[@pinia/nuxt](https://togithub.com/vuejs/pinia/tree/v2/packages/nuxt#readme)
([source](https://togithub.com/vuejs/pinia)) | [`0.5.3` ->
`0.5.4`](https://renovatebot.com/diffs/npm/@pinia%2fnuxt/0.5.3/0.5.4) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/@pinia%2fnuxt/0.5.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@pinia%2fnuxt/0.5.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@pinia%2fnuxt/0.5.3/0.5.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@pinia%2fnuxt/0.5.3/0.5.4?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [nuxt](https://nuxt.com)
([source](https://togithub.com/nuxt/nuxt/tree/HEAD/packages/nuxt)) |
[`3.12.4` ->
`3.13.0`](https://renovatebot.com/diffs/npm/nuxt/3.12.4/3.13.0) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/nuxt/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/nuxt/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/nuxt/3.12.4/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/nuxt/3.12.4/3.13.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [nuxt-og-image](https://nuxtseo.com/og-image)
([source](https://togithub.com/nuxt-modules/og-image)) | [`3.0.0-rc.64`
->
`3.0.0-rc.65`](https://renovatebot.com/diffs/npm/nuxt-og-image/3.0.0-rc.64/3.0.0-rc.65)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/nuxt-og-image/3.0.0-rc.65?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/nuxt-og-image/3.0.0-rc.65?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/nuxt-og-image/3.0.0-rc.64/3.0.0-rc.65?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/nuxt-og-image/3.0.0-rc.64/3.0.0-rc.65?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [pnpm](https://pnpm.io) ([source](https://togithub.com/pnpm/pnpm)) |
[`9.7.1` -> `9.8.0`](https://renovatebot.com/diffs/npm/pnpm/9.7.1/9.8.0)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/pnpm/9.8.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/pnpm/9.8.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/pnpm/9.7.1/9.8.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/pnpm/9.7.1/9.8.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [vite](https://vitejs.dev)
([source](https://togithub.com/vitejs/vite/tree/HEAD/packages/vite)) |
[`5.4.1` -> `5.4.2`](https://renovatebot.com/diffs/npm/vite/5.4.1/5.4.2)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/vite/5.4.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/vite/5.4.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/vite/5.4.1/5.4.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/vite/5.4.1/5.4.2?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
| [vite-plugin-inspect](https://togithub.com/antfu/vite-plugin-inspect)
| [`0.8.5` ->
`0.8.7`](https://renovatebot.com/diffs/npm/vite-plugin-inspect/0.8.5/0.8.7)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/vite-plugin-inspect/0.8.7?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/vite-plugin-inspect/0.8.7?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/vite-plugin-inspect/0.8.5/0.8.7?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/vite-plugin-inspect/0.8.5/0.8.7?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>nuxt/devtools (@&#8203;nuxt/devtools-kit)</summary>

###
[`v1.3.14`](https://togithub.com/nuxt/devtools/blob/HEAD/CHANGELOG.md#1314-2024-08-20)

[Compare
Source](https://togithub.com/nuxt/devtools/compare/v1.3.10...v1.3.14)

###
[`v1.3.10`](https://togithub.com/nuxt/devtools/blob/HEAD/CHANGELOG.md#1310-2024-08-20)

[Compare
Source](https://togithub.com/nuxt/devtools/compare/v1.3.9...v1.3.10)

##### Bug Fixes

- color mode
([19ac073](https://togithub.com/nuxt/devtools/commit/19ac0734e83a54a90626675d14dcc82e22de876b))

##### Features

- add search functionality to components graph
([#&#8203;696](https://togithub.com/nuxt/devtools/issues/696))
([1a0f81a](https://togithub.com/nuxt/devtools/commit/1a0f81ad84719cbdcf90a889aa1f33ee225750c3))

</details>

<details>
<summary>nuxt/eslint (@&#8203;nuxt/eslint)</summary>

### [`v0.5.2`](https://togithub.com/nuxt/eslint/releases/tag/v0.5.2)

[Compare
Source](https://togithub.com/nuxt/eslint/compare/v0.5.1...v0.5.2)

#####    🐞 Bug Fixes

- **eslint-config**: Do not eagerly import ts-eslint parser, close
[#&#8203;485](https://togithub.com/nuxt/eslint/issues/485)  -  by
[@&#8203;antfu](https://togithub.com/antfu) in
[https://github.com/nuxt/eslint/issues/485](https://togithub.com/nuxt/eslint/issues/485)
[<samp>(4b5d6)</samp>](https://togithub.com/nuxt/eslint/commit/4b5d65c)

#####     [View changes on
GitHub](https://togithub.com/nuxt/eslint/compare/v0.5.1...v0.5.2)

### [`v0.5.1`](https://togithub.com/nuxt/eslint/releases/tag/v0.5.1)

[Compare
Source](https://togithub.com/nuxt/eslint/compare/v0.5.0...v0.5.1)

#####    🚀 Features

- Improve error messages for plugin conflicts, close
[#&#8203;450](https://togithub.com/nuxt/eslint/issues/450), close
[#&#8203;474](https://togithub.com/nuxt/eslint/issues/474)  -  by
[@&#8203;antfu](https://togithub.com/antfu) in
[https://github.com/nuxt/eslint/issues/450](https://togithub.com/nuxt/eslint/issues/450)
and
[https://github.com/nuxt/eslint/issues/474](https://togithub.com/nuxt/eslint/issues/474)
[<samp>(bc055)</samp>](https://togithub.com/nuxt/eslint/commit/bc0559e)

#####     [View changes on
GitHub](https://togithub.com/nuxt/eslint/compare/v0.5.0...v0.5.1)

</details>

<details>
<summary>nuxt/nuxt (@&#8203;nuxt/kit)</summary>

### [`v3.13.0`](https://togithub.com/nuxt/nuxt/releases/tag/v3.13.0)

[Compare
Source](https://togithub.com/nuxt/nuxt/compare/v3.12.4...v3.13.0)

##### 👀 Highlights

I'm pretty excited about this release - we've ported some features we
had planned for Nuxt v4 back to v3, as well as a raft of bug fixes and
performance improvements - as usual.

Here are a few of things I'm most excited about.

##### 🏘️ Route Groups

We now support naming directories with parentheses/brackets to organise
your routes without affecting the path.

For example:

```bash [Directory structure]
-| pages/
---| index.vue
---| (marketing)/
-----| about.vue
-----| contact.vue
```

This will produce `/`, `/about` and `/contact` pages in your app. The
`marketing` group is ignored for purposes of your URL structure.

Read more in [the original
PR](https://togithub.com/nuxt/nuxt/pull/28276).

##### 🏝️ Islands and Head Metadata

It's now possible for server component islands to manipulate the head,
such as by adding SEO metadata when rendering.

Read more in [#&#8203;27987](https://togithub.com/nuxt/nuxt/pull/27987).

##### 🪝 Custom Prefetch Triggers

We now support custom prefetch triggers for `NuxtLink`
([#&#8203;27846](https://togithub.com/nuxt/nuxt/pull/27846)).

For example:

```vue [pages/index.vue]
<template>
  <div>
    <NuxtLink prefetch-on="interaction">
      This will prefetch when hovered or when it gains focus
    </NuxtLink>
    <!-- note that you probably don't want both enabled! -->
    <NuxtLink :prefetch-on="{ visibility: true, interaction: true }">
      This will prefetch when hovered/focus - or when it becomes visible
    </NuxtLink>
  </div>
</template>
```

It's also possible to enable/disable these globally for your app and
override them per link.

For example:

```ts [nuxt.config.ts]
export default defineNuxtConfig({
  experimental: {
    defaults: {
      nuxtLink: {
        prefetch: true,
        prefetchOn: { visibility: false, interaction: true }
      }
    }
  }
})
```

##### 🗺️  Better Server Source Maps

When running with `node --enable-source-maps`, you may have noticed that
the source maps for the Vue files in your server build pointed to the
Vite build output (something like
`.nuxt/dist/server/_nuxt/index-O15BBwZ3.js`).

Now, even after your Nitro build, your server source maps will reference
your original source files
([#&#8203;28521](https://togithub.com/nuxt/nuxt/pull/28521)).

Note that one of the easiest ways of improving your build performance is
to turn off source maps if you aren't using them, which you can do
easily in your `nuxt.config`:

```ts [nuxt.config.ts]
export default defineNuxtConfig({
  sourcemap: {
    server: false,
    client: true,
  },
})
```

##### 🎁 New Features for Module Authors

In the run-up to Nuxt v4, we're working on adding some key functionality
for module authors, including a new `isNuxtMajorVersion` utility where
required ([#&#8203;27579](https://togithub.com/nuxt/nuxt/pull/27579))
and better inferred typing for merged module options using the new
`defineNuxtModule().with()` method
([#&#8203;27520](https://togithub.com/nuxt/nuxt/pull/27520)).

##### ✨ Improved Dev Warnings

We no longer warn when using data fetching composables in middleware
([#&#8203;28604](https://togithub.com/nuxt/nuxt/pull/28604)) and we warn
when user components' names begin with Lazy
([#&#8203;27838](https://togithub.com/nuxt/nuxt/pull/27838)).

##### 🚨 Vue TypeScript Changes

For a while, in the Vue ecosystem, we've been augmenting
`@vue/runtime-core` to add custom properties and more to `vue`. However,
this inadvertently breaks the types for projects that augment `vue` -
which is now the officially recommended in the docs way to augment these
interfaces (for example,
[ComponentCustomProperties](https://vuejs.org/api/utility-types.html#componentcustomproperties),
[GlobalComponents](https://vuejs.org/guide/extras/web-components.html#web-components-and-typescript)
and [so
on](https://vuejs.org/guide/typescript/options-api.html#augmenting-global-properties)).

This means *all* libraries must update their code (or it will break the
types of libraries that augment `vue` instead).

We've updated our types in Nuxt along these lines but you may experience
issues with the latest `vue-router` when used with libraries which
haven't yet done so.

Please create an issue with a reproduction - I'll happily help create a
PR to resolve in the upstream library in question. Or you may be able to
work around the issue by creating a `declarations.d.ts` in the root of
your project with the following code ([credit]()):

```ts [declarations.d.ts]
import type {
  ComponentCustomOptions as _ComponentCustomOptions,
  ComponentCustomProperties as _ComponentCustomProperties,
} from 'vue';

declare module '@&#8203;vue/runtime-core' {
  interface ComponentCustomProperties extends _ComponentCustomProperties {}
  interface ComponentCustomOptions extends _ComponentCustomOptions {}
}
```

##### ✅ Upgrading

As usual, our recommendation for upgrading is to run:

```sh
npx nuxi@latest upgrade --force
```

This will refresh your lockfile as well, and ensures that you pull in
updates from other dependencies that Nuxt relies on, particularly in the
unjs ecosystem.

##### 👉 Changelog

[compare
changes](https://togithub.com/nuxt/nuxt/compare/v3.12.4...v3.13.0)

##### 🚀 Enhancements

- **nuxt:** Await custom `routes` function in `router.options`
([#&#8203;27644](https://togithub.com/nuxt/nuxt/pull/27644))
- **kit:** Add new `isNuxtMajorVersion` compatibility util
([#&#8203;27579](https://togithub.com/nuxt/nuxt/pull/27579))
- **kit,schema:** Add `.with` for better module options types
([#&#8203;27520](https://togithub.com/nuxt/nuxt/pull/27520))
- **nuxt:** Warn when user components' names begin with `Lazy`
([#&#8203;27838](https://togithub.com/nuxt/nuxt/pull/27838))
- **nuxt:** Allow specifying app id when creating a nuxt app
([#&#8203;28392](https://togithub.com/nuxt/nuxt/pull/28392))
- **nuxt:** Custom enable/disable hooks for `usePreviewMode`
([#&#8203;28371](https://togithub.com/nuxt/nuxt/pull/28371))
- **kit:** Add `prepend` option to `addRouteMiddleware`
([#&#8203;28496](https://togithub.com/nuxt/nuxt/pull/28496))
- **nuxt:** Allow organising pages within route groups
([#&#8203;28276](https://togithub.com/nuxt/nuxt/pull/28276))
- **vite:** Preserve vite sourcemaps for nitro build
([#&#8203;28521](https://togithub.com/nuxt/nuxt/pull/28521))
- **nuxt:** Allow defining triggers for prefetching links
([#&#8203;27846](https://togithub.com/nuxt/nuxt/pull/27846))
- **nuxt:** Namespace `__NUXT__` when using multi-app
([#&#8203;27263](https://togithub.com/nuxt/nuxt/pull/27263))
- **nuxt:** Allow server islands to manipulate head
([#&#8203;27987](https://togithub.com/nuxt/nuxt/pull/27987))

##### 🔥 Performance

- **nuxt:** Call cookie `decode` function only for named cookie
([#&#8203;28215](https://togithub.com/nuxt/nuxt/pull/28215))
- **nuxt:** Avoid making client-only component setup async
([#&#8203;28334](https://togithub.com/nuxt/nuxt/pull/28334))
- **nuxt:** Avoid multiple calls to `getCachedData`
([#&#8203;28472](https://togithub.com/nuxt/nuxt/pull/28472))

##### 🩹 Fixes

- **nuxt:** Don't warn for `definePageMeta` in client-only pages
([#&#8203;28246](https://togithub.com/nuxt/nuxt/pull/28246))
- **kit:** Include module `dist/runtime/` in tsconfig includes
([#&#8203;28237](https://togithub.com/nuxt/nuxt/pull/28237))
- **schema:** Support absolute/relative paths for `assetsDir`
([59f0099f4](https://togithub.com/nuxt/nuxt/commit/59f0099f4))
- **schema:** Do not override user `serverDir`
([#&#8203;28249](https://togithub.com/nuxt/nuxt/pull/28249))
- **schema:** Use new options syntax for `vite-plugin-vue`
([#&#8203;28307](https://togithub.com/nuxt/nuxt/pull/28307))
- **schema:** Export new module return types
([c0ad8db93](https://togithub.com/nuxt/nuxt/commit/c0ad8db93))
- **kit:** Add missing type import
([1a60b4541](https://togithub.com/nuxt/nuxt/commit/1a60b4541))
- **vite,webpack:** Handle local postcss plugins
([#&#8203;28481](https://togithub.com/nuxt/nuxt/pull/28481))
- **nuxt:** Handle `scroll-padding-top: auto` in scrollBehavior
([#&#8203;28320](https://togithub.com/nuxt/nuxt/pull/28320))
- **nuxt:** Ensure `runtimeConfig.public` is reactive on client
([#&#8203;28443](https://togithub.com/nuxt/nuxt/pull/28443))
- **nuxt:** Update renamed stub composables from `nuxt/scripts`
([#&#8203;28449](https://togithub.com/nuxt/nuxt/pull/28449))
- **nuxt:** Augment `@vue/runtime-core` and `@vue/runtime-dom`
([#&#8203;28446](https://togithub.com/nuxt/nuxt/pull/28446))
- **nuxt:** Scan jsx pages for page metadata
([#&#8203;28479](https://togithub.com/nuxt/nuxt/pull/28479))
- **nuxt:** Handle plugin type extensions more correctly
([#&#8203;28480](https://togithub.com/nuxt/nuxt/pull/28480))
- **vite:** Respect `baseURL` for public assets in dev
([#&#8203;28482](https://togithub.com/nuxt/nuxt/pull/28482))
- **vite:** Add transformation result to log for parse errors
([#&#8203;28508](https://togithub.com/nuxt/nuxt/pull/28508))
- **vite:** Include module symbols in generated code
([#&#8203;28509](https://togithub.com/nuxt/nuxt/pull/28509))
- **nuxt:** Add reason when aborting request in `useFetch`
([#&#8203;28517](https://togithub.com/nuxt/nuxt/pull/28517))
- **nuxt:** Only augment `vue`, not sub-packages
([#&#8203;28542](https://togithub.com/nuxt/nuxt/pull/28542))
- **nuxt:** Avoid stripping js extensions in plugin injections
([#&#8203;28593](https://togithub.com/nuxt/nuxt/pull/28593))
- **nuxt:** Preserve route-specific metadata on `route.meta`
([#&#8203;28441](https://togithub.com/nuxt/nuxt/pull/28441))
- **nuxt:** Don't warn when data fetching in middleware
([#&#8203;28604](https://togithub.com/nuxt/nuxt/pull/28604))
- **nuxt:** Extract route rules/page meta in 2+ script blocks
([#&#8203;28625](https://togithub.com/nuxt/nuxt/pull/28625))
- **nuxt:** Allow customising status code in `validate` method
([#&#8203;28612](https://togithub.com/nuxt/nuxt/pull/28612))
- **nuxt:** Do not provide default `prefetchOn` prop
([#&#8203;28630](https://togithub.com/nuxt/nuxt/pull/28630))
- **nuxt:** Revert back to object syntax for island head
([#&#8203;28656](https://togithub.com/nuxt/nuxt/pull/28656))

##### 📖 Documentation

- Fix issue in cookie passing example
([#&#8203;28223](https://togithub.com/nuxt/nuxt/pull/28223))
- Fix note in layers usage chapter
([#&#8203;28236](https://togithub.com/nuxt/nuxt/pull/28236))
- Fix spaces
([#&#8203;28233](https://togithub.com/nuxt/nuxt/pull/28233))
- Add `vue` lang to sample code
([#&#8203;28247](https://togithub.com/nuxt/nuxt/pull/28247))
- Use `splitSetCookieString` from `cookie-es`
([29f95ae0d](https://togithub.com/nuxt/nuxt/commit/29f95ae0d))
- Use `headers.getSetCookie`
([45c6df9a4](https://togithub.com/nuxt/nuxt/commit/45c6df9a4))
- Fix codemod command typos
([#&#8203;28279](https://togithub.com/nuxt/nuxt/pull/28279))
- `bunx` -> `bun x`
([#&#8203;28277](https://togithub.com/nuxt/nuxt/pull/28277))
- Add missing comma to example
([#&#8203;28300](https://togithub.com/nuxt/nuxt/pull/28300))
- Add language to example schema codeblock
([#&#8203;28294](https://togithub.com/nuxt/nuxt/pull/28294))
- Update link to RuntimeNuxtHooks
([#&#8203;28336](https://togithub.com/nuxt/nuxt/pull/28336))
- Update links to social media
([cd5195047](https://togithub.com/nuxt/nuxt/commit/cd5195047))
- Setup host property and usage example
([#&#8203;28331](https://togithub.com/nuxt/nuxt/pull/28331))
- Fix TypeScript errors for examples
([#&#8203;28403](https://togithub.com/nuxt/nuxt/pull/28403))
- Improve readability of link to mdn
([#&#8203;28327](https://togithub.com/nuxt/nuxt/pull/28327))
- Use ts for create-error example
([#&#8203;28411](https://togithub.com/nuxt/nuxt/pull/28411))
- Alias links in jsdoc `@see` blocks
([#&#8203;28270](https://togithub.com/nuxt/nuxt/pull/28270))
- Link to vue test utils docs for `mountSuspended`
([#&#8203;28463](https://togithub.com/nuxt/nuxt/pull/28463))
- Remove vue-tsc major version constraint
([#&#8203;28484](https://togithub.com/nuxt/nuxt/pull/28484))
- Recommend '#teleports' target instead of 'body'
([#&#8203;28489](https://togithub.com/nuxt/nuxt/pull/28489))
- Correct custom routing link
([#&#8203;28497](https://togithub.com/nuxt/nuxt/pull/28497))
- Improve typing of default exports
([#&#8203;28520](https://togithub.com/nuxt/nuxt/pull/28520))
- Fix `options` type in custom useFetch recipe
([#&#8203;28389](https://togithub.com/nuxt/nuxt/pull/28389))
- Update useRuntimeConfig source path
([#&#8203;28553](https://togithub.com/nuxt/nuxt/pull/28553))
- Add line-breaks to tips in Module Author Guide
([#&#8203;28587](https://togithub.com/nuxt/nuxt/pull/28587))
- Update nuxt scripts status
([#&#8203;28629](https://togithub.com/nuxt/nuxt/pull/28629))

##### 🏡 Chore

- **schema:** Fix typo
([#&#8203;28377](https://togithub.com/nuxt/nuxt/pull/28377))
- **nuxt:** Use router code reference permalink
([#&#8203;28356](https://togithub.com/nuxt/nuxt/pull/28356))
- **nuxt:** Remove unnecessary await
([#&#8203;28407](https://togithub.com/nuxt/nuxt/pull/28407))
- Upgrade vue in a separate pr
([#&#8203;28414](https://togithub.com/nuxt/nuxt/pull/28414))
- Update docs typecheck command
([49de5f731](https://togithub.com/nuxt/nuxt/commit/49de5f731))
-   Lint ([cab9e5c35](https://togithub.com/nuxt/nuxt/commit/cab9e5c35))
- Fix some typos in comments
([#&#8203;28501](https://togithub.com/nuxt/nuxt/pull/28501))

##### ✅ Tests

- Disable `pageTransition` in client-only page
([#&#8203;27839](https://togithub.com/nuxt/nuxt/pull/27839))
- Ignore `SharedComponent` in server head
([510f3e28f](https://togithub.com/nuxt/nuxt/commit/510f3e28f))
- Update bundle size
([3ecb95a7c](https://togithub.com/nuxt/nuxt/commit/3ecb95a7c))

##### 🤖 CI

- Add reproduire-sur-stackblitz workflow
([#&#8203;28531](https://togithub.com/nuxt/nuxt/pull/28531))

##### ❤️ Contributors

-   Daniel Roe ([@&#8203;danielroe](https://togithub.com/danielroe))
- Julien Huang
([@&#8203;huang-julien](https://togithub.com/huang-julien))
- Maxime Pauvert ([@&#8203;maximepvrt](https://togithub.com/maximepvrt))
- felix-dolderer
([@&#8203;felix-dolderer](https://togithub.com/felix-dolderer))
- Nicolas Payot
([@&#8203;nicolaspayot](https://togithub.com/nicolaspayot))
- Kewin Szlezingier
([@&#8203;kewinzaq1](https://togithub.com/kewinzaq1))
-   Vasily Kuzin ([@&#8203;ExEr7um](https://togithub.com/ExEr7um))
-   xjccc ([@&#8203;xjccc](https://togithub.com/xjccc))
-   Martin André ([@&#8203;Martichou](https://togithub.com/Martichou))
- Mike Laumann Bellika
([@&#8203;MikeBellika](https://togithub.com/MikeBellika))
- Typed SIGTERM
([@&#8203;typed-sigterm](https://togithub.com/typed-sigterm))
- Horu
([@&#8203;HigherOrderLogic](https://togithub.com/HigherOrderLogic))
-   Son Tran ([@&#8203;trandaison](https://togithub.com/trandaison))
-   rubyisrust ([@&#8203;rubyisrust](https://togithub.com/rubyisrust))
-   Matej Černý ([@&#8203;CernyMatej](https://togithub.com/CernyMatej))
-   Riley Ho ([@&#8203;rileychh](https://togithub.com/rileychh))
- Adam DeHaven ([@&#8203;adamdehaven](https://togithub.com/adamdehaven))
-   Potter ([@&#8203;yxw007](https://togithub.com/yxw007))
- Martin Masevski
([@&#8203;Archetipo95](https://togithub.com/Archetipo95))
-   BoogieBen. ([@&#8203;boogie-ben](https://togithub.com/boogie-ben))
-   Tobias Diez ([@&#8203;tobiasdiez](https://togithub.com/tobiasdiez))
- Michael Brevard
([@&#8203;GalacticHypernova](https://togithub.com/GalacticHypernova))
- Damian Głowala
([@&#8203;DamianGlowala](https://togithub.com/DamianGlowala))
-   Lucie ([@&#8203;lihbr](https://togithub.com/lihbr))
-   Yasser Lahbibi ([@&#8203;yassilah](https://togithub.com/yassilah))
-   Sébastien Chopin ([@&#8203;atinux](https://togithub.com/atinux))
- [@&#8203;beer](https://togithub.com/beer)
([@&#8203;iiio2](https://togithub.com/iiio2))
-   AuroraTea ([@&#8203;AuroraTea](https://togithub.com/AuroraTea))
- Bobbie Goede ([@&#8203;BobbieGoede](https://togithub.com/BobbieGoede))
-   Alexander Lichter ([@&#8203;manniL](https://togithub.com/manniL))
- nuxt-studio\[bot]
([@&#8203;nuxt-studio](https://togithub.com/nuxt-studio)\[bot])
-   Vaci ([@&#8203;vacijj](https://togithub.com/vacijj))
- FELIPE COSTA DE OLIVEIRA
([@&#8203;FelipeO16](https://togithub.com/FelipeO16))
-   一纸忘忧 ([@&#8203;ikxin](https://togithub.com/ikxin))
-   Meo ([@&#8203;miaobuao](https://togithub.com/miaobuao))
- Mohab Sameh ([@&#8203;mohab-sameh](https://togithub.com/mohab-sameh))
-   Quentin Macq ([@&#8203;quentinmcq](https://togithub.com/quentinmcq))
-   Johan Krijt ([@&#8203;johankrijt](https://togithub.com/johankrijt))

</details>

<details>
<summary>vuejs/pinia (@&#8203;pinia/nuxt)</summary>

### [`v0.5.4`](https://togithub.com/vuejs/pinia/releases/tag/v0.5.4)

[Compare
Source](https://togithub.com/vuejs/pinia/compare/@pinia/nuxt@0.5.3...@pinia/nuxt@0.5.4)

Please refer to
[CHANGELOG.md](https://togithub.com/posva/pinia/blob/v1/CHANGELOG.md)
for details.

</details>

<details>
<summary>nuxt-modules/og-image (nuxt-og-image)</summary>

###
[`v3.0.0-rc.65`](https://togithub.com/nuxt-modules/og-image/releases/tag/v3.0.0-rc.65)

[Compare
Source](https://togithub.com/nuxt-modules/og-image/compare/v3.0.0-rc.64...v3.0.0-rc.65)

#####    🐞 Bug Fixes

- Support `SERVER_PRESET` to detect env  -  by
[@&#8203;harlan-zw](https://togithub.com/harlan-zw)
[<samp>(00d09)</samp>](https://togithub.com/nuxt-modules/og-image/commit/00d09e8)
- Support computed getters and ref props  -  by
[@&#8203;harlan-zw](https://togithub.com/harlan-zw)
[<samp>(675c0)</samp>](https://togithub.com/nuxt-modules/og-image/commit/675c048)
- Broken route rule extending  -  by
[@&#8203;harlan-zw](https://togithub.com/harlan-zw)
[<samp>(f4e02)</samp>](https://togithub.com/nuxt-modules/og-image/commit/f4e02e9)
- Warn on satori `.webp` usage  -  by
[@&#8203;harlan-zw](https://togithub.com/harlan-zw)
[<samp>(0b66a)</samp>](https://togithub.com/nuxt-modules/og-image/commit/0b66af7)
- `useNitroApp` build warnings  -  by
[@&#8203;harlan-zw](https://togithub.com/harlan-zw)
[<samp>(551b8)</samp>](https://togithub.com/nuxt-modules/og-image/commit/551b88b)
- Check wasm file exists for checksum  -  by
[@&#8203;harlan-zw](https://togithub.com/harlan-zw)
[<samp>(ca71c)</samp>](https://togithub.com/nuxt-modules/og-image/commit/ca71c5b)

#####     [View changes on
GitHub](https://togithub.com/nuxt-modules/og-image/compare/v3.0.0-rc.64...v3.0.0-rc.65)

</details>

<details>
<summary>pnpm/pnpm (pnpm)</summary>

### [`v9.8.0`](https://togithub.com/pnpm/pnpm/compare/v9.7.1...v9.8.0)

[Compare Source](https://togithub.com/pnpm/pnpm/compare/v9.7.1...v9.8.0)

</details>

<details>
<summary>vitejs/vite (vite)</summary>

###
[`v5.4.2`](https://togithub.com/vitejs/vite/blob/HEAD/packages/vite/CHANGELOG.md#small542-2024-08-20-small)

[Compare
Source](https://togithub.com/vitejs/vite/compare/v5.4.1...v5.4.2)

- chore: remove stale TODOs
([#&#8203;17866](https://togithub.com/vitejs/vite/issues/17866))
([e012f29](https://togithub.com/vitejs/vite/commit/e012f296df583bd133d26399397bd4ae49de1497)),
closes [#&#8203;17866](https://togithub.com/vitejs/vite/issues/17866)
- refactor: remove redundant prepend/strip base
([#&#8203;17887](https://togithub.com/vitejs/vite/issues/17887))
([3b8f03d](https://togithub.com/vitejs/vite/commit/3b8f03d789ec3ef1a099c884759bd4e61b03ce7c)),
closes [#&#8203;17887](https://togithub.com/vitejs/vite/issues/17887)
- fix: resolve relative URL generated by `renderBuiltUrl` passed to
module preload
([#&#8203;16084](https://togithub.com/vitejs/vite/issues/16084))
([fac3a8e](https://togithub.com/vitejs/vite/commit/fac3a8ed6855c4ab3032957137b74f21ec501e72)),
closes [#&#8203;16084](https://togithub.com/vitejs/vite/issues/16084)
- feat: support originalFilename
([#&#8203;17867](https://togithub.com/vitejs/vite/issues/17867))
([7d8c0e2](https://togithub.com/vitejs/vite/commit/7d8c0e2dcbdea3a3465a1d87e259988e82561035)),
closes [#&#8203;17867](https://togithub.com/vitejs/vite/issues/17867)

</details>

<details>
<summary>antfu/vite-plugin-inspect (vite-plugin-inspect)</summary>

###
[`v0.8.7`](https://togithub.com/antfu-collective/vite-plugin-inspect/releases/tag/v0.8.7)

[Compare
Source](https://togithub.com/antfu/vite-plugin-inspect/compare/v0.8.6...v0.8.7)

#####    🚀 Features

- UI improvements, highlight file path  -  by
[@&#8203;userquin](https://togithub.com/userquin) and
[@&#8203;antfu](https://togithub.com/antfu) in
[https://github.com/antfu-collective/vite-plugin-inspect/issues/120](https://togithub.com/antfu-collective/vite-plugin-inspect/issues/120)
[<samp>(441c6)</samp>](https://togithub.com/antfu-collective/vite-plugin-inspect/commit/441c665)
- Refactor components  -  by [@&#8203;antfu](https://togithub.com/antfu)
[<samp>(66943)</samp>](https://togithub.com/antfu-collective/vite-plugin-inspect/commit/6694364)
- Introduce `removeVersionQuery` options  -  by
[@&#8203;antfu](https://togithub.com/antfu)
[<samp>(374c6)</samp>](https://togithub.com/antfu-collective/vite-plugin-inspect/commit/374c6f9)
- Add fonts  -  by [@&#8203;antfu](https://togithub.com/antfu)
[<samp>(c1b97)</samp>](https://togithub.com/antfu-collective/vite-plugin-inspect/commit/c1b9724)
- Ui improvements  -  by [@&#8203;antfu](https://togithub.com/antfu)
[<samp>(9579c)</samp>](https://togithub.com/antfu-collective/vite-plugin-inspect/commit/9579c98)

#####    🐞 Bug Fixes

- Improve icon algorithm  -  by
[@&#8203;antfu](https://togithub.com/antfu)
[<samp>(3ee3a)</samp>](https://togithub.com/antfu-collective/vite-plugin-inspect/commit/3ee3a0e)

#####     [View changes on
GitHub](https://togithub.com/antfu-collective/vite-plugin-inspect/compare/v0.8.6...v0.8.7)

###
[`v0.8.6`](https://togithub.com/antfu-collective/vite-plugin-inspect/releases/tag/v0.8.6)

[Compare
Source](https://togithub.com/antfu/vite-plugin-inspect/compare/v0.8.5...v0.8.6)

#####    🚀 Features

- Optimize deps  -  by [@&#8203;antfu](https://togithub.com/antfu)
[<samp>(eb461)</samp>](https://togithub.com/antfu-collective/vite-plugin-inspect/commit/eb4613a)
- Improve badge color  -  by [@&#8203;antfu](https://togithub.com/antfu)
[<samp>(2ab64)</samp>](https://togithub.com/antfu-collective/vite-plugin-inspect/commit/2ab640b)
- Add style for floating vue  -  by
[@&#8203;antfu](https://togithub.com/antfu)
[<samp>(46b4f)</samp>](https://togithub.com/antfu-collective/vite-plugin-inspect/commit/46b4f50)
- Add icon for files  -  by [@&#8203;antfu](https://togithub.com/antfu)
[<samp>(6686b)</samp>](https://togithub.com/antfu-collective/vite-plugin-inspect/commit/6686b76)

#####     [View changes on
GitHub](https://togithub.com/antfu-collective/vite-plugin-inspect/compare/v0.8.5...v0.8.6)

</details>

---

### Configuration

📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At
any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

👻 **Immortal**: This PR will be recreated if closed unmerged. Get
[config help](https://togithub.com/renovatebot/renovate/discussions) if
that's undesired.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View the
[repository job
log](https://developer.mend.io/github/nuxt-modules/storybook).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOC4yNi4xIiwidXBkYXRlZEluVmVyIjoiMzguMjYuMSIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants