nuxt-graphql-middleware 5.0.0-alpha.4 → 5.0.0-alpha.6

package/dist/runtime/server/api/query.js

@@ -0,0 +1,29 @@
+import { defineEventHandler, getQuery, getRouterParam } from "h3";
+import {
+  queryParamToVariables,
+  extractRequestContext,
+  isValidQuery,
+  throwError
+} from "./../helpers/index.js";
+import { GraphqlMiddlewareOperation } from "./../../settings/index.js";
+import { documents } from "#nuxt-graphql-middleware/documents";
+import { doGraphqlRequest } from "../utils/doGraphqlRequest.js";
+export default defineEventHandler(async (event) => {
+  const operationName = getRouterParam(event, "name");
+  if (!isValidQuery(operationName)) {
+    return throwError("Invalid query name.");
+  }
+  const operationDocument = documents.query[operationName];
+  const queryParams = getQuery(event);
+  const context = extractRequestContext(queryParams);
+  const variables = queryParamToVariables(queryParams);
+  return doGraphqlRequest(
+    {
+      query: operationDocument,
+      variables,
+      operation: GraphqlMiddlewareOperation.Query
+    },
+    context,
+    event
+  );
+});

package/dist/runtime/server/api/upload.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/dist/runtime/{serverHandler → server/api}/upload.js

@@ -1,21 +1,22 @@
 import {
   defineEventHandler,
   readMultipartFormData,
-  getQuery
+  getQuery,
+  getRouterParam
 } from "h3";
 import {
   getEndpoint,
   getFetchOptions,
-  validateRequest,
   onServerResponse,
   onServerError,
   throwError,
-  extractRequestContext
-} from "./helpers/index.js";
-import { GraphqlMiddlewareOperation } from "./../settings/index.js";
-import { operations } from "#graphql-documents";
-import { serverOptions } from "#graphql-middleware-server-options-build";
+  extractRequestContext,
+  isValidMutation
+} from "./../helpers/index.js";
+import { documents } from "#nuxt-graphql-middleware/documents";
+import { serverOptions } from "#nuxt-graphql-middleware/server-options";
 import { useRuntimeConfig } from "#imports";
+import { GraphqlMiddlewareOperation } from "../../settings/index.js";
 function parseMultipart(data) {
   const files = data.filter((v) => !!v.filename);
   const variablesData = data.find((v) => v.name === "variables")?.data?.toString();
@@ -27,11 +28,12 @@ function parseMultipart(data) {
   return { files, map, variables };
 }
 export default defineEventHandler(async (event) => {
-  const method = event.method;
   const operation = GraphqlMiddlewareOperation.Mutation;
-  const operationName = event.context?.params?.name;
-  validateRequest(method, operation, operationName, operations);
-  const operationDocument = operations[operation][operationName];
+  const operationName = getRouterParam(event, "name");
+  if (!isValidMutation(operationName)) {
+    return throwError("Invalid mutation name.");
+  }
+  const operationDocument = documents.mutation[operationName];
   const multiPartData = await readMultipartFormData(event);
   if (!multiPartData) {
     return throwError("Failed to read multi part data.");

package/dist/runtime/{serverHandler → server}/helpers/index.d.ts

@@ -2,8 +2,10 @@ import { type QueryObject } from 'ufo';
 import type { H3Event } from 'h3';
 import type { FetchOptions, FetchResponse, FetchError } from 'ofetch';
 import type { GraphqlMiddlewareRequestContext, GraphqlMiddlewareRuntimeConfig, GraphqlMiddlewareServerOptions } from './../../../types.js';
-import { GraphqlMiddlewareOperation } from './../../settings/index.js';
-import { type Operations } from '#graphql-documents';
+import { type GraphqlMiddlewareOperation } from './../../settings/index.js';
+import type { Mutation, Query } from '#nuxt-graphql-middleware/operations';
+export declare function isValidMutation(v?: string): v is keyof Mutation;
+export declare function isValidQuery(v?: string): v is keyof Query;
 export declare function queryParamToVariables(query: QueryObject): any;
 /**
  * Extract the client context from the query params.
@@ -12,21 +14,17 @@ export declare function extractRequestContext(query: QueryObject): GraphqlMiddle
 /**
  * Get the URL of the GraphQL endpoint.
  */
-export declare function getEndpoint(config: GraphqlMiddlewareRuntimeConfig, serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, operation: GraphqlMiddlewareOperation, operationName: string, context: GraphqlMiddlewareRequestContext<any>): string | Promise<string>;
+export declare function getEndpoint(config: GraphqlMiddlewareRuntimeConfig, serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, operation: GraphqlMiddlewareOperation | null, operationName: string | null, context: GraphqlMiddlewareRequestContext<any> | null): string | Promise<string>;
 /**
  * Get the options for the $fetch request to the GraphQL server.
  */
-export declare function getFetchOptions(serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, operation: GraphqlMiddlewareOperation, operationName: string, context: GraphqlMiddlewareRequestContext<any>): FetchOptions | Promise<FetchOptions>;
+export declare function getFetchOptions(serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, operation: GraphqlMiddlewareOperation | null, operationName: string | null, context: GraphqlMiddlewareRequestContext<any> | null): FetchOptions | Promise<FetchOptions>;
 export declare function throwError(statusMessage: string, statusCode?: number): never;
-/**
- * Assure that the request is valid.
- */
-export declare function validateRequest(method?: string, operation?: GraphqlMiddlewareOperation | string, name?: string, documents?: Operations): void;
 /**
  * Handle GraphQL server response.
  */
-export declare function onServerResponse(serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, response: FetchResponse<any>, operation: string, operationName: string, context: GraphqlMiddlewareRequestContext<any>): any;
+export declare function onServerResponse(serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, response: FetchResponse<any>, operation: string | null, operationName: string | null, context: GraphqlMiddlewareRequestContext<any> | null): any;
 /**
  * Handle GraphQL server errors.
  */
-export declare function onServerError(serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, error: FetchError, operation: string, operationName: string, context: GraphqlMiddlewareRequestContext<any>): any;
+export declare function onServerError(serverOptions: GraphqlMiddlewareServerOptions<any, any>, event: H3Event, error: FetchError, operation: string | null, operationName: string | null, context: GraphqlMiddlewareRequestContext<any> | null): any;

package/dist/runtime/{serverHandler → server}/helpers/index.js

@@ -1,8 +1,14 @@
 import { createError } from "h3";
 import {
-  CLIENT_CONTEXT_PREFIX,
-  GraphqlMiddlewareOperation
+  CLIENT_CONTEXT_PREFIX
 } from "./../../settings/index.js";
+import { documents } from "#nuxt-graphql-middleware/documents";
+export function isValidMutation(v) {
+  return !!v && Object.hasOwn(documents.mutation, v);
+}
+export function isValidQuery(v) {
+  return !!v && Object.hasOwn(documents.query, v);
+}
 export function queryParamToVariables(query) {
   try {
     if (query.__variables && typeof query.__variables === "string") {
@@ -61,29 +67,6 @@ export function throwError(statusMessage, statusCode = 400) {
     statusMessage
   });
 }
-export function validateRequest(method, operation, name, documents) {
-  if (method !== "POST" && method !== "GET") {
-    throwError("Method not allowed.", 405);
-  }
-  if (operation !== GraphqlMiddlewareOperation.Query && operation !== GraphqlMiddlewareOperation.Mutation) {
-    throwError("Unknown operation.");
-  }
-  if (method === "POST" && operation !== GraphqlMiddlewareOperation.Mutation) {
-    throwError("Queries must be a GET request.");
-  }
-  if (method === "GET" && operation !== GraphqlMiddlewareOperation.Query) {
-    throwError("Mutations must be a POST request.");
-  }
-  if (!name) {
-    throwError("Missing name for operation.");
-  }
-  if (!documents) {
-    throwError("Failed to load GraphQL documents", 500);
-  }
-  if (!documents[operation][name]) {
-    throwError(`Operation "${operation}" with name "${name}" not found.`);
-  }
-}
 export function onServerResponse(serverOptions, event, response, operation, operationName, context) {
   if (serverOptions.onServerResponse) {
     return serverOptions.onServerResponse(

package/dist/runtime/server/utils/doGraphqlRequest.d.ts

@@ -0,0 +1,18 @@
+import type { H3Event } from 'h3';
+import type { GraphqlMiddlewareRequestContext } from '../../../types.js';
+import type { GraphqlMiddlewareOperation } from '../../settings/index.js';
+type RequestBody = {
+    query: string;
+    variables?: Record<string, any>;
+    operation?: GraphqlMiddlewareOperation;
+    operationName?: string;
+};
+/**
+ * Perform a raw GraphQL request.
+ *
+ * @param body - The request.
+ * @param context - The client context.
+ * @param event - The H3 event. If not provided, the util will try to get the event using useEvent().
+ */
+export declare function doGraphqlRequest(body: RequestBody, context?: GraphqlMiddlewareRequestContext | null | undefined, providedEvent?: H3Event | null | undefined): Promise<any>;
+export {};

package/dist/runtime/server/utils/doGraphqlRequest.js

@@ -0,0 +1,67 @@
+import { serverOptions } from "#nuxt-graphql-middleware/server-options";
+import { useRuntimeConfig } from "#imports";
+import { useEvent } from "nitropack/runtime";
+import {
+  getEndpoint,
+  getFetchOptions,
+  onServerError,
+  onServerResponse
+} from "../helpers/index.js";
+export async function doGraphqlRequest(body, context = null, providedEvent = null) {
+  const operationName = body.operationName || null;
+  const event = providedEvent ?? useEvent();
+  const runtimeConfig = useRuntimeConfig().graphqlMiddleware;
+  if (serverOptions.doGraphqlRequest) {
+    return serverOptions.doGraphqlRequest({
+      event,
+      operation: body.operation,
+      operationName: body.operationName,
+      operationDocument: body.query,
+      variables: body.variables || {},
+      context: context || {}
+    });
+  }
+  const endpoint = await getEndpoint(
+    runtimeConfig,
+    serverOptions,
+    event,
+    null,
+    operationName,
+    context || null
+  );
+  const fetchOptions = await getFetchOptions(
+    serverOptions,
+    event,
+    null,
+    body.operationName || null,
+    context
+  );
+  return $fetch.raw(endpoint, {
+    // @ts-expect-error Not yet been fixed in nitro.
+    method: "POST",
+    body: {
+      query: body.query,
+      variables: body.variables,
+      operationName: body.operationName
+    },
+    ...fetchOptions
+  }).then((response) => {
+    return onServerResponse(
+      serverOptions,
+      event,
+      response,
+      null,
+      operationName,
+      context
+    );
+  }).catch((error) => {
+    return onServerError(
+      serverOptions,
+      event,
+      error,
+      null,
+      operationName,
+      context
+    );
+  });
+}

package/dist/runtime/server/utils/index.d.ts

@@ -1,3 +1,3 @@
 import type { FetchOptions } from 'ofetch';
-import type { GraphqlResponse } from '#graphql-middleware-server-options-build';
+import type { GraphqlResponse } from '#nuxt-graphql-middleware/response';
 export declare function performRequest<T>(operation: string, operationName: string, method: 'get' | 'post', options: FetchOptions): Promise<GraphqlResponse<T>>;

package/dist/runtime/server/utils/index.js

@@ -1,4 +1,4 @@
-import { getEndpoint } from "./../../helpers/composables.js";
+import { getEndpoint } from "#nuxt-graphql-middleware/helpers";
 export function performRequest(operation, operationName, method, options) {
   return $fetch(getEndpoint(operation, operationName), {
     ...options,

package/dist/runtime/server/utils/useGraphqlMutation.d.ts

@@ -1,7 +1,7 @@
-import type { GraphqlResponse } from '#graphql-middleware-server-options-build';
-import { type GraphqlMiddlewareMutationName, type GetMutationArgs, type MutationObjectArgs, type GetMutationResult } from './../../helpers/composables.js';
-import type { GraphqlMiddlewareMutation } from '#nuxt-graphql-middleware/generated-types';
+import type { GraphqlResponse } from '#nuxt-graphql-middleware/response';
+import { type GetMutationArgs, type MutationObjectArgs, type GetMutationResult } from './../../helpers/composables.js';
+import type { Mutation } from '#nuxt-graphql-middleware/operations';
 /**
  * Performs a GraphQL mutation.
  */
-export declare function useGraphqlMutation<T extends GraphqlMiddlewareMutationName, R extends GetMutationResult<T, GraphqlMiddlewareMutation>>(...args: GetMutationArgs<T, GraphqlMiddlewareMutation> | [MutationObjectArgs<T, GraphqlMiddlewareMutation>]): Promise<GraphqlResponse<R>>;
+export declare function useGraphqlMutation<K extends keyof Mutation, R extends GetMutationResult<K>>(...args: GetMutationArgs<K> | [MutationObjectArgs<K>]): Promise<GraphqlResponse<R>>;

package/dist/runtime/server/utils/useGraphqlQuery.d.ts

@@ -1,7 +1,7 @@
-import type { GraphqlResponse } from '#graphql-middleware-server-options-build';
-import { type GraphqlMiddlewareQueryName, type GetQueryArgs, type QueryObjectArgs, type GetQueryResult } from './../../helpers/composables.js';
-import type { GraphqlMiddlewareQuery } from '#nuxt-graphql-middleware/generated-types';
+import type { GraphqlResponse } from '#nuxt-graphql-middleware/response';
+import { type GetQueryArgs, type QueryObjectArgs, type GetQueryResult } from './../../helpers/composables.js';
+import type { Query } from '#nuxt-graphql-middleware/operations';
 /**
  * Performs a GraphQL query.
  */
-export declare function useGraphqlQuery<T extends GraphqlMiddlewareQueryName, R extends GetQueryResult<T, GraphqlMiddlewareQuery>>(...args: GetQueryArgs<T, GraphqlMiddlewareQuery> | [QueryObjectArgs<T, GraphqlMiddlewareQuery>]): Promise<GraphqlResponse<R>>;
+export declare function useGraphqlQuery<K extends keyof Query, R extends GetQueryResult<K>>(...args: GetQueryArgs<K> | [QueryObjectArgs<K>]): Promise<GraphqlResponse<R>>;

package/dist/runtime/serverOptions/defineGraphqlServerOptions.d.ts

@@ -1,3 +1,4 @@
-import type { GraphqlClientContext } from '#graphql-middleware-client-options';
+import type { GraphqlClientContext } from '#nuxt-graphql-middleware/client-options';
+import type { GraphqlMiddlewareResponseUnion } from '#nuxt-graphql-middleware/response';
 import { type GraphqlMiddlewareServerOptions } from './../../types.js';
-export declare function defineGraphqlServerOptions<T extends object>(options: GraphqlMiddlewareServerOptions<T, GraphqlClientContext>): GraphqlMiddlewareServerOptions<T, GraphqlClientContext>;
+export declare function defineGraphqlServerOptions<T extends object>(options: GraphqlMiddlewareServerOptions<T, GraphqlMiddlewareResponseUnion, GraphqlClientContext>): GraphqlMiddlewareServerOptions<T, GraphqlMiddlewareResponseUnion, GraphqlClientContext>;

package/dist/runtime/settings/index.d.ts

@@ -1,20 +1,65 @@
-export declare enum GraphqlMiddlewareTemplate {
+export declare enum Template {
     /**
      * Contains the TS definitions for all GraphQL queries, mutations and fragments.
      */
     OperationTypes = "graphql-operations/index.d.ts",
+    /**
+     * Contains the TS definitions for all GraphQL queries, mutations and fragments.
+     */
+    OperationTypesAll = "nuxt-graphql-middleware/operations.d.ts",
     /**
      * Contains the TS definitions for all GraphQL queries, mutations and fragments.
      */
     Enums = "graphql-operations/enums.ts",
     /**
-     * Signature for the GraphQL composable arguments and return types.
+     * Template for the middleware response types.
+     */
+    ResponseTypes = "nuxt-graphql-middleware/response.d.ts",
+    /**
+     * Types for the generated endpoints.
+     */
+    NitroTypes = "nuxt-graphql-middleware/nitro.d.ts",
+    /**
+     * Configuration template.
+     */
+    Helpers = "nuxt-graphql-middleware/helpers.mjs",
+    /**
+     * Configuration template types.
+     */
+    HelpersTypes = "nuxt-graphql-middleware/helpers.d.ts",
+    /**
+     * Exports a single opject containing the compiled queries and mutations.
      */
-    ComposableContext = "nuxt-graphql-middleware/generated-types.d.ts",
+    Documents = "nuxt-graphql-middleware/documents.mjs",
     /**
      * Exports a single opject containing the compiled queries and mutations.
      */
-    Documents = "nuxt-graphql-middleware/graphql-documents.mjs"
+    DocumentTypes = "nuxt-graphql-middleware/documents.d.ts",
+    /**
+     * Contains the source file paths for every operation.
+     */
+    OperationSources = "nuxt-graphql-middleware/sources.mjs",
+    Types = "nuxt-graphql-middleware/types.d.ts",
+    /**
+     * The graphql-config file.
+     */
+    GraphqlConfig = "nuxt-graphql-middleware/graphql.config.ts",
+    /**
+     * Imports and exports the user's server options file.
+     */
+    ServerOptions = "nuxt-graphql-middleware/server-options.mjs",
+    /**
+     * Exports the server options types.
+     */
+    ServerOptionsTypes = "nuxt-graphql-middleware/server-options.d.ts",
+    /**
+     * Imports and exports the user's client options file.
+     */
+    ClientOptions = "nuxt-graphql-middleware/client-options.mjs",
+    /**
+     * Exports the client option specific types.
+     */
+    ClientOptionsTypes = "nuxt-graphql-middleware/client-options.d.ts"
 }
 export declare enum GraphqlMiddlewareOperation {
     Query = "query",

package/dist/runtime/settings/index.js

@@ -1,10 +1,22 @@
-export var GraphqlMiddlewareTemplate = /* @__PURE__ */ ((GraphqlMiddlewareTemplate2) => {
-  GraphqlMiddlewareTemplate2["OperationTypes"] = "graphql-operations/index.d.ts";
-  GraphqlMiddlewareTemplate2["Enums"] = "graphql-operations/enums.ts";
-  GraphqlMiddlewareTemplate2["ComposableContext"] = "nuxt-graphql-middleware/generated-types.d.ts";
-  GraphqlMiddlewareTemplate2["Documents"] = "nuxt-graphql-middleware/graphql-documents.mjs";
-  return GraphqlMiddlewareTemplate2;
-})(GraphqlMiddlewareTemplate || {});
+export var Template = /* @__PURE__ */ ((Template2) => {
+  Template2["OperationTypes"] = "graphql-operations/index.d.ts";
+  Template2["OperationTypesAll"] = "nuxt-graphql-middleware/operations.d.ts";
+  Template2["Enums"] = "graphql-operations/enums.ts";
+  Template2["ResponseTypes"] = "nuxt-graphql-middleware/response.d.ts";
+  Template2["NitroTypes"] = "nuxt-graphql-middleware/nitro.d.ts";
+  Template2["Helpers"] = "nuxt-graphql-middleware/helpers.mjs";
+  Template2["HelpersTypes"] = "nuxt-graphql-middleware/helpers.d.ts";
+  Template2["Documents"] = "nuxt-graphql-middleware/documents.mjs";
+  Template2["DocumentTypes"] = "nuxt-graphql-middleware/documents.d.ts";
+  Template2["OperationSources"] = "nuxt-graphql-middleware/sources.mjs";
+  Template2["Types"] = "nuxt-graphql-middleware/types.d.ts";
+  Template2["GraphqlConfig"] = "nuxt-graphql-middleware/graphql.config.ts";
+  Template2["ServerOptions"] = "nuxt-graphql-middleware/server-options.mjs";
+  Template2["ServerOptionsTypes"] = "nuxt-graphql-middleware/server-options.d.ts";
+  Template2["ClientOptions"] = "nuxt-graphql-middleware/client-options.mjs";
+  Template2["ClientOptionsTypes"] = "nuxt-graphql-middleware/client-options.d.ts";
+  return Template2;
+})(Template || {});
 export var GraphqlMiddlewareOperation = /* @__PURE__ */ ((GraphqlMiddlewareOperation2) => {
   GraphqlMiddlewareOperation2["Query"] = "query";
   GraphqlMiddlewareOperation2["Mutation"] = "mutation";

package/dist/runtime/types.d.ts

@@ -1,6 +1,11 @@
 import type { FetchOptions, FetchContext } from 'ofetch';
-import type { GraphqlResponse } from '#graphql-middleware-server-options-build';
-import type { GraphqlMiddlewareResponseUnion } from '#nuxt-graphql-middleware/generated-types';
+import type { GraphqlMiddlewareResponseUnion, GraphqlResponse } from '#nuxt-graphql-middleware/response';
+export type OperationResponseError = {
+    operation: string;
+    operationName: string;
+    errors: GraphqlResponseError[];
+    stack?: string;
+};
 export type GraphqlResponseErrorLocation = {
     line: number;
     column: number;
@@ -9,6 +14,7 @@ export type GraphqlResponseError = {
     message: string;
     locations: GraphqlResponseErrorLocation[];
     path: string[];
+    extensions?: Record<string, unknown>;
 };
 export type GraphqlServerResponse<T> = {
     data: T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-graphql-middleware",
-  "version": "5.0.0-alpha.4",
+  "version": "5.0.0-alpha.6",
   "description": "Module to perform GraphQL requests as a server middleware.",
   "repository": {
     "type": "git",
@@ -35,18 +35,18 @@
     "dist"
   ],
   "scripts": {
-    "prepack": "nuxt-module-build build && npm run client:build",
+    "prepack": "npm run styles:build && nuxt-module-build build && npm run client:build",
     "dev": "nuxi dev playground --trace-warnings",
     "dev:layers": "nuxi dev playground-layers --trace-warnings",
     "debug": "nuxi dev playground --inspect",
     "dev:build": "nuxi build playground",
     "dev:layers:build": "nuxi build playground-layers",
-    "dev:prepare": "MODULE_BUILD=true nuxt-module-build build --stub && MODULE_BUILD=true nuxt-module-build prepare && nuxi prepare playground && nuxi prepare playground-layers",
+    "dev:prepare": "MODULE_BUILD=true nuxt-module-build build --stub && MODULE_BUILD=true nuxt-module-build prepare && nuxi prepare playground-layers && nuxi prepare playground",
     "dev:start": "node ./playground/.output/server/index.mjs",
     "client:build": "nuxi generate client",
     "client:dev": "nuxi dev client --port 3300",
     "typedoc": "typedoc --plugin typedoc-plugin-markdown --out foobar",
-    "typecheck": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
+    "typecheck": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit && cd ../playground-layers && vue-tsc --noEmit",
     "docs:dev": "vitepress dev docs --port 5000",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs --port 5000",
@@ -59,14 +59,17 @@
     "test:ci": "vitest run",
     "test:coverage": "vitest run --coverage",
     "prettier": "prettier --check .",
-    "prettier:fix": "prettier --write ."
+    "prettier:fix": "prettier --write .",
+    "styles:build": "postcss ./css/index.css -o ./src/runtime/css/output.css",
+    "styles:watch": "postcss ./css/index.css -o ./src/runtime/css/output.css --watch"
   },
   "dependencies": {
+    "@clack/prompts": "^0.10.0",
     "@graphql-codegen/cli": "^5.0.5",
     "@graphql-codegen/schema-ast": "^4.1.0",
     "@graphql-tools/utils": "^10.2.2",
     "@nuxt/devtools-kit": "1.3.7",
-    "graphql-typescript-deluxe": "^0.0.5",
+    "graphql-typescript-deluxe": "^0.0.6",
     "inquirer": "^9.3.2",
     "minisearch": "^6.3.0",
     "picocolors": "^1.0.1"
@@ -76,20 +79,29 @@
     "@nuxt/devtools": "^1.3.7",
     "@nuxt/devtools-ui-kit": "1.3.7",
     "@nuxt/eslint": "^0.3.13",
-    "@nuxt/kit": "^3.15.4",
+    "@nuxt/kit": "^3.16.0",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.15.4",
+    "@nuxt/schema": "^3.16.0",
     "@types/capture-console": "^1.0.5",
     "@types/cli-table": "^0.3.4",
     "@types/inquirer": "^9.0.7",
+    "@types/micromatch": "^4.0.9",
     "cypress": "^13.12.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.1.3",
     "jsdoc-to-markdown": "^8.0.1",
-    "nuxt": "^3.15.4",
+    "nuxt": "^3.16.0",
+    "postcss": "^8.5.3",
+    "postcss-cli": "^11.0.0",
+    "postcss-import": "^16.1.0",
+    "postcss-nested-import": "^1.3.0",
+    "postcss-replace": "^2.0.1",
+    "postcss-url": "^10.1.3",
     "prettier": "^3.3.2",
     "strip-ansi": "^7.1.0",
+    "tailwindcss": "^3.4.17",
+    "tailwindcss-scoped-preflight": "^3.4.10",
     "typedoc": "^0.26.3",
     "typedoc-plugin-markdown": "^4.1.1",
     "vitepress": "^1.5.0",