Nuxt/packages/nuxt/src/app/components/dev-only.ts

import { defineComponent } from 'vue'

export default defineComponent({
  name: 'DevOnly',
  inheritAttrs: false,
  setup (_, props) {
    if (import.meta.dev) {
      return () => props.slots.default?.()
    }
    return () => props.slots.fallback?.()
  },
})
feat: add dev-only component (#7950) 2022-10-26 12:43:37 +00:00			`import { defineComponent } from 'vue'`

			`export default defineComponent({`
			`name: 'DevOnly',`
fix(nuxt): set `inheritAttrs: false` for fragment components (#28939) 2024-09-11 09:26:10 +00:00			`inheritAttrs: false,`
feat: add dev-only component (#7950) 2022-10-26 12:43:37 +00:00			`setup (_, props) {`
feat(vite,webpack): tree-shakable `import.meta.*` build flags (#22428) 2023-08-07 22:03:40 +00:00			`if (import.meta.dev) {`
feat: add dev-only component (#7950) 2022-10-26 12:43:37 +00:00			`return () => props.slots.default?.()`
			`}`
feat(nuxt): allow fallback production content in `<DevOnly>` (#20817) 2023-05-13 22:32:31 +00:00			`return () => props.slots.fallback?.()`
chore: cleanup eslint rules with latest `@nuxt/eslint-config` (#26653) 2024-04-05 18:08:32 +00:00			`},`
feat: add dev-only component (#7950) 2022-10-26 12:43:37 +00:00			`})`