@dxup/nuxt

@dxup/nuxt

This is a TypeScript plugin that improves Nuxt DX.

Installation

pnpm i -D @dxup/nuxt

Usage

Add the following to your nuxt.config.ts:

export default defineNuxtConfig({
  modules: [
    "@dxup/nuxt",
  ],
});

Features

components

Update references when renaming auto imported component files.

importGlob

Go to definition for dynamic imports with glob patterns.

import(`~/assets/${name}.webp`);
//     ^^^^^^^^^^^^^^^^^^^^^^^
import.meta.glob("~/assets/*.webp");
//               ^^^^^^^^^^^^^^^^^

nitroRoutes

Go to definition for nitro routes in data fetching methods.

useFetch("/api/foo");
//       ^^^^^^^^^^
// Also `$fetch` and `useLazyFetch`.

It will fallback to resolve the URL from your public directory when no nitro routes match.

runtimeConfig

Go to definition for runtime config.

<template>
  {{ $config.public.domain }}
  <!--              ^^^^^^ -->
</template>

unimport

Please refer to the @dxup/unimport package for more details.