Run & review this pull request in StackBlitz Codeflow.

import protection

What do you mean? I never heard this term before. Do you have an example?

Edit

Oh, you mean, protecting against unwanted imports like vue / nitro related stuff within the shared folder to ensure it will works properly in both app and server.

You can add patterns for the shared directory here:

Or let me know, and I'll happily implement. 🙏

You can add patterns for the shared directory here:

nuxt/packages/nuxt/src/core/plugins/import-protection.ts

Lines 12 to 52 in 77e36ee

	export const nuxtImportProtections = (nuxt: { options: NuxtOptions }, options: { isNitro?: boolean } = {}) => {
	const patterns: ImportProtectionOptions['patterns'] = []
	patterns.push([
	/^(nuxt|nuxt3|nuxt-nightly)$/,
	'`nuxt`, `nuxt3` or `nuxt-nightly` cannot be imported directly.' + (options.isNitro ? '' : ' Instead, import runtime Nuxt composables from `#app` or `#imports`.'),
	])
	patterns.push([
	/^((~|~~|@|@@)?\/)?nuxt\.config(\.|$)/,
	'Importing directly from a `nuxt.config` file is not allowed. Instead, use runtime config or a module.',
	])
	patterns.push([/(^|node_modules\/)@vue\/composition-api/])
	for (const mod of nuxt.options.modules.filter(m => typeof m === 'string')) {
	patterns.push([
	new RegExp(`^${escapeRE(mod as string)}$`),
	'Importing directly from module entry-points is not allowed.',
	])
	}
	for (const i of [/(^|node_modules\/)@nuxt\/(kit|test-utils)/, /(^|node_modules\/)nuxi/, /(^|node_modules\/)nitro(?:pack)?(?:-nightly)?(?:$|\/)(?!(?:dist\/)?runtime|types)/, /(^|node_modules\/)nuxt\/(config|kit|schema)/]) {
	patterns.push([i, 'This module cannot be imported' + (options.isNitro ? ' in server runtime.' : ' in the Vue part of your app.')])
	}
	if (options.isNitro) {
	for (const i of ['#app', /^#build(\/|$)/]) {
	patterns.push([i, 'Vue app aliases are not allowed in server runtime.'])
	}
	}
	if (!options.isNitro) {
	patterns.push([
	new RegExp(escapeRE(relative(nuxt.options.srcDir, resolve(nuxt.options.srcDir, nuxt.options.serverDir || 'server'))) + '\\/(api|routes|middleware|plugins)\\/'),
	'Importing from server is not allowed in the Vue part of your app.',
	])
	}
	return patterns
	}

Or let me know, and I'll happily implement. 🙏

I do not know how to know when the folder is the shared folder 🤔

Thanks to @manniL I could push a new plugin with a different cwd

I'm facing another issue. Everything in the shared folder is available from imports folder because of this, people would want to import inside the shared folder, stuff from the shared folder but at the same time, I do not want people to import Vue stuff (from imports) inside the shared folder.

I'm facing another issue. Everything in the shared folder is available from imports folder because of this, people would want to import inside the shared folder, stuff from the shared folder but at the same time, I do not want people to import Vue stuff (from imports) inside the shared folder.

Is there anything in imports which is neither server nor client-dependent?