feat(cli): co-locate css file from usage (+layout.svelte)

[sacrosanctic]

@benmccann @jycouet following up from the discussion on Discord.

In this PR:

• co-locate css file for kit projects
• add vscode setting for tailwind (ref)

[changeset-bot]

🦋 Changeset detected

Latest commit: 1397e8b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
sv	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[pkg-pr-new]

Open in StackBlitz

npx https://pkg.pr.new/sveltejs/cli/sv@780

npx https://pkg.pr.new/sveltejs/cli/svelte-migrate@780

commit: 1397e8b

[jycouet]

Thx for the PR
I think that we should update name & location of packages/create/templates/demo/src/app.css as well to be consistent

Also

cli/packages/addons/prettier/index.ts

Line 56 in 4e5e2f3

data.tailwindStylesheet ??= './src/app.css';

needs to be updated.

[svelte-docs-bot]

Preview: https://svelte-dev-git-preview-cli-780-svelte.vercel.app/

[manuel3108]

@jycouet I updated the docs and added a second changeset as I didn't manage to combine both features into one good changeset. Let me know what you think

[hyunbinseo]

Is there a reason why the leading ./ is removed?

- "tailwindStylesheet": "./src/app.css",
+ "tailwindStylesheet": "src/routes/layout.css",

The Prettier Prettier plugin does uses a prefixed one:

// .prettierrc
{
  "tailwindStylesheet": "./resources/css/app.css"
}

[sacrosanctic]

@hyunbinseo did your app break?

[hyunbinseo]

@sacrosanctic I don't think the new template is broken.

Note that paths are resolved relative to the Prettier configuration file.

But I think it's best to follow the official setup. Similar discussion here: #544 (comment)