nuxt-content-assets 1.3.3 → 1.4.0

package/README.md

@@ -8,7 +8,7 @@
 > Enable locally-located assets in Nuxt Content
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/davestewart/nuxt-content-assets/main/demo/content/splash.png" alt="Nuxt Content Assets logo">
+  <img src="https://raw.githubusercontent.com/davestewart/nuxt-content-assets/main/playground/content/splash.png" alt="Nuxt Content Assets logo">
 </p>
 
 ## Overview
@@ -63,26 +63,28 @@ Developer experience:
 - image size injection
 - zero config
 
-## Demo
+## Playground
 
-To clone and run the demo locally:
+To test the module before installing, you can try out the Nuxt Content Assets playground.  
+
+To clone and run locally:
 
 ```bash
 git clone https://github.com/davestewart/nuxt-content-assets.git
 cd nuxt-content-assets
-npm install
+npm install && npm install --prefix ./playground
 npm run dev
 ```
 
-Then open the demo in your browser at <a href="http://localhost:3000" target="_blank">localhost:3000</a>.
+Then open the playground in your browser at <a href="http://localhost:3000" target="_blank">localhost:3000</a>.
 
-To run the demo online, visit:
+To run the playground online, visit:
 
-- https://stackblitz.com/github/davestewart/nuxt-content-assets?file=demo%2Fapp.vue
+- https://stackblitz.com/github/davestewart/nuxt-content-assets?file=playground%2Fapp.vue
 
-To browse the demo folder:
+To browse the playground folder:
 
-- https://github.com/davestewart/nuxt-content-assets/tree/main/demo
+- https://github.com/davestewart/nuxt-content-assets/tree/main/playground
 
 ## Setup
 
@@ -143,7 +145,7 @@ These values can then be passed to components:
 :image-gallery{:data="images"}
 ```
 
-See the Demo for [markup](demo/content/advanced/gallery.md) and [component](demo/components/content/ContentGallery.vue) examples.
+See the playground for [markup](playground/content/advanced/gallery.md) and [component](playground/components/content/ContentGallery.vue) examples.
 
 ### Live reload
 
@@ -171,7 +173,7 @@ Keeping this on prevents content jumps as your page loads.
 
 #### Prose components
 
-If you use [ProseImg](https://content.nuxtjs.org/api/components/prose) components, you can [hook into](demo/components/temp/ProseImg.vue) image size hints via the `$attrs` property:
+If you use [ProseImg](https://content.nuxtjs.org/api/components/prose) components, you can [hook into](playground/components/temp/ProseImg.vue) image size hints via the `$attrs` property:
 
 ```vue
 <template>
@@ -189,7 +191,7 @@ export default {
 
 #### Frontmatter
 
-If you pass [frontmatter](demo/content/advanced/gallery.md) to [custom components](demo/components/content/ContentImage.vue) set `imageSize` to `'src'` to encode values in `src`:
+If you pass [frontmatter](playground/content/advanced/gallery.md) to [custom components](playground/components/content/ContentImage.vue) set `imageSize` to `'src'` to encode values in `src`:
 
 ```
 :image-content{:src="image"}
@@ -201,24 +203,32 @@ The component will receive the size information as a query string which you can
 <img class="image-content" src="/image.jpg?width=640&height=480">
 ```
 
-See demo component [here](demo/components/content/ContentImage.vue).
-
-### Nuxt Image compatibility
+See playground component [here](playground/components/content/ContentImage.vue).
 
-Nuxt Content Assets works with [Nuxt Image](https://v1.image.nuxtjs.org/) with just a little configuration.
+### Nuxt Image
 
-First, configure Nuxt Image to use Nuxt Content Asset's public folder:
+Nuxt Content Assets works with [Nuxt Image](https://image.nuxtjs.org/) with just a little configuration:
 
 ```ts
 // nuxt.config.ts
 export default defineNuxtConfig({
-  image: {
-    dir: '.nuxt/content-assets/public'
-  }
+  modules: [
+    // Nuxt Image should be placed before Nuxt Content Assets
+    '@nuxt/image',
+    'nuxt-content-assets',
+    '@nuxt/content',
+  ],
+
+  extends: [
+    // add Nuxt Content Assets build folder as a Nuxt Layer (since v1.4.0)
+    '.nuxt/content-assets',
+  ],
 }
 ```
 
-Then, create a `ProseImg` component like so:
+> Note that the new Layers setup enables Nuxt Image to load images from both the project's `public` folder and from `content`.
+
+To serve all images as Nuxt Image images, create a `ProseImg` component like so:
 
 ```vue
 <!-- components/content/ProseImg.vue -->
@@ -227,9 +237,7 @@ Then, create a `ProseImg` component like so:
 </template>
 ```
 
-Any images rendered by Nuxt Content will now use Nuxt Image.
-
-> For a per-image solution, check the [override](demo/components/content/NuxtImg.ts) in the demo folder.
+See the playground folder for both the [global](playground/components/temp/ProseImg.vue) and a [per image](playground/components/content/NuxtImg.ts) solution.
 
 
 ## Configuration
@@ -264,12 +272,12 @@ You can add one or more image size hints to the generated images:
 
 Pick from the following switches:
 
-| Switch    | What it does                                                 |
-| --------- | ------------------------------------------------------------ |
-| `'style'` | Adds `style="aspect-ratio:..."` to any `<img>` tag           |
-| `'attrs'` | Adds `width` and `height` attributes to any `<img>` tag      |
+| Switch    | What it does                                                       |
+|-----------|--------------------------------------------------------------------|
+| `'style'` | Adds `style="aspect-ratio:..."` to any `<img>` tag                 |
+| `'attrs'` | Adds `width` and `height` attributes to any `<img>` tag            |
 | `'src'`   | Adds `?width=...&height=...` to `src` attribute (frontmatter only) |
-| `false`   | Disable image size hints                                     |
+| `false`   | Disable image size hints                                           |
 
 Note: if you add *only* `attrs`, include the following CSS in your app:
 
@@ -318,13 +326,16 @@ In development, file watching propagates asset changes to the public folder, upd
 
 Should you wish to develop the project, the scripts are:
 
-Develop the module itself:
+Develop the module (running the playground which uses the live module code):
 
 ```bash
 # install dependencies
 npm install
 
-# develop (runs using the demo)
+# generate playground type stubs (for the first time)
+npm run dev:prepare
+
+# develop (runs the playground app)
 npm run dev
 
 # run eslint
@@ -335,50 +346,44 @@ npm run test
 npm run test:watch
 ```
 
-Build and check the demo:
+Build and check the playground (simulating users' final build choices):
 
 ```bash
-# generate demo type stubs
-npm run demo:prepare
-
-# generate the demo output
-npm run demo:generate
+# generate the playground
+npm run dev:generate
 
-# serve the demo output
-npm run demo:serve
+# build the playground
+npm run dev:build
 
-# build the demo
-npm run demo:build
+# serve the generated / built playground
+npm run dev:preview
 ```
 
-Make a new release:
+Make a new release (so users can install the module):
 
 ```bash
-# release new version
-npm run release
-
 # dry run the release
 npm run release:dry
-```
-
-Make sure to edit changelog and update `package.json` version first!
 
-## Troubleshooting
+# release new version
+npm run release
+```
 
-### Prepare script hangs
+Make sure to edit changelog and update `package.json` version before releasing!
 
-As of Nuxt `3.7` it seems there might be issues running prepare scripts for some modules:
+## Maintenance
 
-- [nuxt/cli / nuxt prepare step hangs](https://github.com/nuxt/cli/issues/169)
+This module was created using the Nuxt [Module Builder](https://github.com/nuxt/module-builder) command:
 
-If that's the case with you, fix Nuxt at `3.6.5` (if you can) and you should be fine.
+```bash
+npx nuxi init -t module nuxt-content-assets
+```
 
-Failing that, watch that ticket (or these ones):
+This created the module code from the starter template found here:
 
-- https://github.com/nuxt/cli/issues/185
-- https://github.com/davestewart/nuxt-content-assets/issues/49
+- https://github.com/nuxt/starter/tree/module
 
-I'll update when there is more info.
+Both [Nuxi](https://github.com/nuxt/cli) and the module's dependencies and scripts are updated fairly regularly, so from time to time this module may need to be updated to keep in sync. So far, this has meant just updating the dependencies and scripts, which are found in the starter template code mentioned above.
 
 <!-- Badges -->
 [npm-version-src]: https://img.shields.io/npm/v/nuxt-content-assets/latest.svg?style=flat&colorA=18181B&colorB=28CF8D

package/dist/module.d.mts

@@ -0,0 +1,29 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    /**
+     * Image size hints
+     *
+     * @example 'attrs style url'
+     * @default 'style'
+     */
+    imageSize?: string | string[] | false;
+    /**
+     * List of content extensions; anything else as an asset
+     *
+     * @example 'md'
+     * @default 'md csv ya?ml json'
+     */
+    contentExtensions?: string | string[];
+    /**
+     * Display debug messages
+     *
+     * @example true
+     * @default false
+     */
+    debug?: boolean;
+}
+
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { _default as default };

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "1.3.3"
+  "version": "1.4.0"
 }

package/dist/module.mjs

@@ -376,22 +376,29 @@ function makeSourceManager(key, source, publicPath, callback) {
     return paths;
   }
   const storage = makeSourceStorage(source, key);
-  storage.watch(onWatch);
+  void storage.watch(onWatch);
+  async function dispose() {
+    await storage.unwatch();
+    await storage.dispose();
+  }
   return {
     storage,
     init,
-    keys: getKeys
+    keys: getKeys,
+    dispose
   };
 }
 
-function makeAssetsManager(publicPath) {
+function makeAssetsManager(publicPath, shouldWatch = true) {
   const indexKey = "assets.json";
   const storage = makeSourceStorage(Path.join(publicPath, ".."));
-  void storage.watch(async (event, key) => {
-    if (event === "update" && key === indexKey) {
-      await load();
-    }
-  });
+  if (shouldWatch) {
+    void storage.watch(async (event, key) => {
+      if (event === "update" && key === indexKey) {
+        await load();
+      }
+    });
+  }
   const assets = {};
   async function load() {
     const data = await storage.getItem(indexKey);
@@ -445,7 +452,11 @@ function makeAssetsManager(publicPath) {
     setAsset,
     getAsset,
     removeAsset,
-    resolveAsset
+    resolveAsset,
+    dispose: async () => {
+      await storage.unwatch();
+      await storage.dispose();
+    }
   };
 }
 function getAssetPaths(srcDir, srcAbs) {
@@ -515,21 +526,24 @@ const module = defineNuxtModule({
     debug: false
   },
   async setup(options, nuxt) {
-    var _a, _b;
     const buildPath = nuxt.options.buildDir;
     const assetsPath = Path.join(buildPath, "content-assets");
     const publicPath = Path.join(assetsPath, "public");
     const contentPath = Path.join(buildPath, "content-cache/parsed");
-    if (options.debug) {
+    const isDev = !!nuxt.options.dev;
+    const isDebug = !!options.debug;
+    if (isDebug) {
       log("Removing cache folders...");
     }
     removeFolder(Path.join(buildPath, "content-cache"));
     removeFolder(assetsPath);
+    createFolder(`${assetsPath}/public`);
+    writeFile(`${assetsPath}/nuxt.config.ts`, "export default {}");
     const { contentExtensions } = options;
     if (contentExtensions) {
-      (_a = nuxt.options).content || (_a.content = {});
+      nuxt.options.content ||= {};
       if (nuxt.options.content) {
-        (_b = nuxt.options.content).ignores || (_b.ignores = []);
+        nuxt.options.content.ignores ||= [];
       }
       const ignores = makeIgnores(contentExtensions);
       nuxt.options.content?.ignores.push(ignores);
@@ -550,7 +564,7 @@ const module = defineNuxtModule({
         };
       }
     }
-    const assets = makeAssetsManager(publicPath);
+    const assets = makeAssetsManager(publicPath, isDev);
     function onAssetChange(event, absTrg) {
       let src = "";
       let width;
@@ -580,10 +594,10 @@ const module = defineNuxtModule({
       }
     }
     addPlugin(resolve("./runtime/sockets/plugin"));
-    const socket = nuxt.options.dev ? await setupSocketServer("content-assets") : null;
+    const socket = isDev ? await setupSocketServer("content-assets") : null;
     const managers = {};
     for (const [key, source] of Object.entries(sources)) {
-      if (options.debug) {
+      if (isDebug) {
         log(`Creating source "${key}"`);
       }
       managers[key] = makeSourceManager(key, source, publicPath, onAssetChange);
@@ -592,29 +606,36 @@ const module = defineNuxtModule({
       for (const [key, manager] of Object.entries(managers)) {
         const paths = await manager.init();
         paths.forEach((path) => assets.setAsset(path));
-        if (options.debug) {
+        if (isDebug) {
           list(`Copied "${key}" assets`, paths.map((path) => Path.relative(publicPath, path)));
         }
       }
     });
+    nuxt.hook("close", async () => {
+      await assets.dispose();
+      for (const key in managers) {
+        await managers[key].dispose();
+      }
+    });
     const pluginPath = resolve("./runtime/content/plugin");
     const makeVar = (name, value) => `export const ${name} = ${JSON.stringify(value)};`;
     const virtualConfig = [
       makeVar("publicPath", publicPath),
       makeVar("imageSizes", imageSizes),
-      makeVar("debug", options.debug)
+      makeVar("debug", isDebug)
     ].join("\n");
     nuxt.hook("nitro:config", async (config) => {
-      config.plugins || (config.plugins = []);
+      config.plugins ||= [];
       config.plugins.push(pluginPath);
-      config.virtual || (config.virtual = {});
+      config.virtual ||= {};
       config.virtual[`#${meta.name}`] = () => {
         return virtualConfig;
       };
-      config.publicAssets || (config.publicAssets = []);
+      config.publicAssets ||= [];
       config.publicAssets.push({
-        dir: publicPath
-        // maxAge: 60 * 60 * 24 * 365 // 1 year
+        dir: publicPath,
+        maxAge: 60 * 60 * 24 * 7
+        // 7 days
       });
     });
   }

package/dist/runtime/assets/public.d.ts

@@ -1,12 +1,13 @@
-import { ParsedContent, AssetConfig } from '../../types';
+import type { ParsedContent, AssetConfig } from '../../types';
 /**
  * Manages the public assets
  */
-export declare function makeAssetsManager(publicPath: string): {
+export declare function makeAssetsManager(publicPath: string, shouldWatch?: boolean): {
     setAsset: (path: string) => AssetConfig;
     getAsset: (path: string) => AssetConfig | undefined;
     removeAsset: (path: string) => AssetConfig | undefined;
     resolveAsset: (content: ParsedContent, relAsset: string, registerContent?: boolean) => AssetConfig;
+    dispose: () => Promise<void>;
 };
 /**
  * Hash of replacer functions

package/dist/runtime/assets/public.mjs

@@ -4,14 +4,16 @@ import debounce from "debounce";
 import { hash } from "ohash";
 import { makeSourceStorage } from "./source.mjs";
 import { isImage, warn, log } from "../utils/index.mjs";
-export function makeAssetsManager(publicPath) {
+export function makeAssetsManager(publicPath, shouldWatch = true) {
   const indexKey = "assets.json";
   const storage = makeSourceStorage(Path.join(publicPath, ".."));
-  void storage.watch(async (event, key) => {
-    if (event === "update" && key === indexKey) {
-      await load();
-    }
-  });
+  if (shouldWatch) {
+    void storage.watch(async (event, key) => {
+      if (event === "update" && key === indexKey) {
+        await load();
+      }
+    });
+  }
   const assets = {};
   async function load() {
     const data = await storage.getItem(indexKey);
@@ -65,7 +67,11 @@ export function makeAssetsManager(publicPath) {
     setAsset,
     getAsset,
     removeAsset,
-    resolveAsset
+    resolveAsset,
+    dispose: async () => {
+      await storage.unwatch();
+      await storage.dispose();
+    }
   };
 }
 export const replacers = {

package/dist/runtime/assets/source.d.ts

@@ -1,5 +1,5 @@
-import { MountOptions } from '@nuxt/content';
-import { WatchEvent, Storage } from 'unstorage';
+import { type MountOptions } from '@nuxt/content';
+import { type WatchEvent, type Storage } from 'unstorage';
 /**
  * Make a Storage instance that monitors assets from a single source
  */
@@ -8,6 +8,7 @@ export interface SourceManager {
     storage: Storage;
     init: () => Promise<string[]>;
     keys: () => Promise<string[]>;
+    dispose: () => Promise<void>;
 }
 /**
  * Make a SourceManager instance

package/dist/runtime/assets/source.mjs

@@ -90,10 +90,15 @@ export function makeSourceManager(key, source, publicPath, callback) {
     return paths;
   }
   const storage = makeSourceStorage(source, key);
-  storage.watch(onWatch);
+  void storage.watch(onWatch);
+  async function dispose() {
+    await storage.unwatch();
+    await storage.dispose();
+  }
   return {
     storage,
     init,
-    keys: getKeys
+    keys: getKeys,
+    dispose
   };
 }

package/dist/runtime/content/plugin.mjs

@@ -1,55 +1,55 @@
 import { buildQuery, buildStyle, isValidAsset, list, parseQuery, removeQuery, walkBody, walkMeta } from "../utils/index.mjs";
 import { makeAssetsManager } from "../assets/public.mjs";
 import { debug, imageSizes, publicPath } from "#nuxt-content-assets";
-function processMeta(content, imageSizes2 = [], updated = []) {
-  walkMeta(content, (value, parent, key) => {
-    if (isValidAsset(value)) {
-      const { srcAttr, width, height } = resolveAsset(content, removeQuery(value), true);
-      if (srcAttr) {
-        const query = width && height && (imageSizes2.includes("src") || imageSizes2.includes("url")) ? `width=${width}&height=${height}` : "";
-        const srcUrl = query ? buildQuery(srcAttr, parseQuery(value), query) : srcAttr;
-        parent[key] = srcUrl;
-        updated.push(`meta: ${key} to "${srcUrl}"`);
-      }
-    }
-  });
-}
-function processBody(content, imageSizes2 = [], updated = []) {
-  walkBody(content, function(node) {
-    const { tag, props } = node;
-    for (const [prop, value] of Object.entries(props)) {
-      if (typeof value !== "string") {
-        return;
+const plugin = async (nitro) => {
+  function processMeta(content, imageSizes2 = [], updated = []) {
+    walkMeta(content, (value, parent, key) => {
+      if (isValidAsset(value)) {
+        const { srcAttr, width, height } = resolveAsset(content, removeQuery(value), true);
+        if (srcAttr) {
+          const query = width && height && (imageSizes2.includes("src") || imageSizes2.includes("url")) ? `width=${width}&height=${height}` : "";
+          const srcUrl = query ? buildQuery(srcAttr, parseQuery(value), query) : srcAttr;
+          parent[key] = srcUrl;
+          updated.push(`meta: ${key} to "${srcUrl}"`);
+        }
       }
-      const { srcAttr, width, height } = resolveAsset(content, value, true);
-      if (srcAttr) {
-        node.props[prop] = srcAttr;
-        if (node.tag === "img" || node.tag === "nuxt-img") {
-          if (width && height) {
-            if (imageSizes2.includes("attrs")) {
-              node.props.width = width;
-              node.props.height = height;
-            }
-            if (imageSizes2.includes("style")) {
-              const ratio = `${width}/${height}`;
-              if (typeof node.props.style === "string") {
-                node.props.style = buildStyle(node.props.style, `aspect-ratio: ${ratio}`);
-              } else {
-                node.props.style ||= {};
-                node.props.style.aspectRatio = ratio;
+    });
+  }
+  function processBody(content, imageSizes2 = [], updated = []) {
+    walkBody(content, function(node) {
+      const { tag, props } = node;
+      for (const [prop, value] of Object.entries(props)) {
+        if (typeof value !== "string") {
+          return;
+        }
+        const { srcAttr, width, height } = resolveAsset(content, value, true);
+        if (srcAttr) {
+          node.props[prop] = srcAttr;
+          if (node.tag === "img" || node.tag === "nuxt-img") {
+            if (width && height) {
+              if (imageSizes2.includes("attrs")) {
+                node.props.width = width;
+                node.props.height = height;
+              }
+              if (imageSizes2.includes("style")) {
+                const ratio = `${width}/${height}`;
+                if (typeof node.props.style === "string") {
+                  node.props.style = buildStyle(node.props.style, `aspect-ratio: ${ratio}`);
+                } else {
+                  node.props.style ||= {};
+                  node.props.style.aspectRatio = ratio;
+                }
               }
             }
+          } else if (node.tag === "a") {
+            node.props.target ||= "_blank";
           }
-        } else if (node.tag === "a") {
-          node.props.target ||= "_blank";
+          updated.push(`page: ${tag}[${prop}] to "${srcAttr}"`);
         }
-        updated.push(`page: ${tag}[${prop}] to "${srcAttr}"`);
       }
-    }
-  });
-}
-const { resolveAsset } = makeAssetsManager(publicPath);
-const plugin = async (nitro) => {
+    });
+  }
+  const { resolveAsset, dispose } = makeAssetsManager(publicPath, import.meta.dev);
   nitro.hooks.hook("content:file:afterParse", function(content) {
     if (content._extension === "md") {
       const updated = [];
@@ -61,5 +61,6 @@ const plugin = async (nitro) => {
       }
     }
   });
+  nitro.hooks.hook("close", dispose);
 };
 export default plugin;

package/dist/runtime/sockets/factory.d.ts

@@ -1,4 +1,4 @@
-import { Callback } from '../../types';
+import type { Callback } from '../../types';
 export interface Logger {
     log: (...args: any[]) => void;
     warn: (...args: any[]) => void;

package/dist/runtime/sockets/plugin.mjs

@@ -1,8 +1,8 @@
 import { defineNuxtPlugin, refreshNuxtData, useRuntimeConfig } from "#imports";
 export default defineNuxtPlugin(async () => {
-  if (process.client) {
+  if (import.meta.client) {
     const url = useRuntimeConfig().public.sockets?.wsUrl;
-    const socket = await import("./setup").then(({ setupSocketClient }) => {
+    const socket = await import("./setup.mjs").then(({ setupSocketClient }) => {
       return setupSocketClient(url, "content-assets");
     });
     if (socket) {

package/dist/runtime/sockets/setup.d.ts

@@ -1,2 +1,2 @@
-import { Callback, SocketInstance } from '../../types';
+import type { Callback, SocketInstance } from '../../types';
 export declare function setupSocketClient(url: string, channel: string, callback?: Callback): SocketInstance | null;

package/dist/runtime/utils/content.d.ts

@@ -1,5 +1,5 @@
-import { ParsedContent } from '../../types';
-import { WalkCallback } from './object';
+import type { ParsedContent } from '../../types';
+import { type WalkCallback } from './object';
 /**
  * Walk parsed content meta, only processing relevant properties
  *

package/dist/types.d.mts

@@ -0,0 +1,8 @@
+
+import type {  } from './module.js'
+
+
+
+
+
+export type { default } from './module.js'

package/dist/types.d.ts

@@ -1,6 +1,8 @@
 
-import {  } from './module'
+import type {  } from './module'
 
 
 
-export { default } from './module'
+
+
+export type { default } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-content-assets",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "description": "Enable locally-located assets in Nuxt Content",
   "repository": "davestewart/nuxt-content-assets",
   "license": "MIT",
@@ -18,24 +18,23 @@
     "dist"
   ],
   "scripts": {
-    "dev": "nuxi dev demo",
-    "build": "nuxt-module-build",
+    "dev": "nuxi dev playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "dev:generate": "nuxi generate playground",
+    "dev:build": "nuxi build playground",
+    "dev:preview": "nuxi preview playground",
+    "release:dry": "npm run lint && npm run test && nuxt-module-build build && npm publish --dry-run",
+    "release": "npm run lint && npm run test && nuxt-module-build build && changelogen --release && npm publish && git push --follow-tags",
     "lint": "eslint .",
     "test": "vitest run",
-    "test:watch": "vitest watch",
-    "demo:prepare": "nuxt-module-build --stub && nuxi prepare demo",
-    "demo:generate": "nuxt generate demo",
-    "demo:serve": "npx serve demo/dist",
-    "demo:build": "nuxi build demo",
-    "release": "npm run lint && npm run test && npm run build && npm publish && git push --follow-tags",
-    "release:dry": "npm run lint && npm run test && npm run build && npm publish --dry-run"
+    "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.3.2",
+    "@nuxt/kit": "^3.11.2",
     "crosspath": "^2.0.0",
     "debounce": "^1.2.1",
     "image-size": "^1.0.2",
-    "listhen": "^1.0.4",
+    "listhen": "^1.7.2",
     "ohash": "^1.0.0",
     "unist-util-visit": "^4.1.2",
     "unstorage": "^1.4.1",
@@ -45,17 +44,20 @@
     "@nuxt/content": "^2.0.0"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^0.1.1",
-    "@nuxt/module-builder": "^0.2.1",
-    "@nuxt/schema": "^3.3.2",
-    "@nuxt/test-utils": "^3.3.2",
+    "@types/node": "^20.12.4",
+    "@nuxt/devtools": "latest",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.5.5",
+    "@nuxt/schema": "^3.11.2",
+    "@nuxt/test-utils": "^3.12.0",
+    "changelogen": "^0.5.5",
+    "eslint": "^8.57.0",
+    "nuxt": "^3.11.2",
+    "vitest": "^1.4.0",
     "@types/debounce": "^1.2.1",
-    "@types/ws": "^8.5.4",
-    "eslint": "^8.36.0",
-    "nuxt": "3.6.5",
-    "vitest": "^0.30.0"
+    "@types/ws": "^8.5.10"
   },
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=16.0.0"
   }
 }