{
	name: () => `+layout.svelte`,
	content: ({ content, typescript }) => {
		const { script, css, generateCode } = parseSvelte(content, { typescript }); // `typescript` is passed here so the `lang="ts"` attribute is added to the `<script>` tag
		// AST manipulations...
		imports.addEmpty(script.ast, '../app.css');
		// generate svelte code
		return generateCode({
			// generate JS code the AST
			script: script.generateCode(),
			// if it's a new file, we'll just add the `<slot />`
			template: content.length === 0 ? '<slot />' : undefined,
			// if this was an existing file that was filled with content, 
			// `template` and `css` would be `undefined`. 
			// since they don't provide strings, their code blocks will remain untouched
		});
	}
},

{
	name: () => `input.svelte`,
	content: ({ content, typescript }) => {
		const { script, css, generateCode } = parseSvelte(content);
		return generateCode({
			// replace all instances of `foo` with `baz` in `<script>`
			script: script.source.replaceAll('foo', 'baz'),
			// replace all instances of `foo` with `bar` in `<style>`
			css: css.source.replaceAll('foo', 'bar') 
		});
	}
},