nuxt/dist/app/plugins/check-if-layout-used.js

Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

import { nextTick } from "vue";
import { defineNuxtPlugin } from "../nuxt.js";
import { onNuxtReady } from "../composables/ready.js";
import { useError } from "../composables/error.js";
import layouts from "#build/layouts";
export default defineNuxtPlugin({
  name: "nuxt:checkIfLayoutUsed",
  setup(nuxtApp) {
    const error = useError();
    function checkIfLayoutUsed() {
      if (!error.value && !nuxtApp._isNuxtLayoutUsed && Object.keys(layouts).length > 0) {
        console.warn("[nuxt] Your project has layouts but the `<NuxtLayout />` component has not been used.");
      }
    }
    if (import.meta.server) {
      nuxtApp.hook("app:rendered", ({ renderResult }) => {
        if (renderResult?.html) {
          nextTick(checkIfLayoutUsed);
        }
      });
    } else {
      onNuxtReady(checkIfLayoutUsed);
    }
  },
  env: {
    islands: false
  }
});