Chore/upgrade prettier v3 (#365)

Updates the code base to using prettier v3. This required a refactoring of embeds since the call timing is now different

---------

Co-authored-by: Simon H <[email protected]>
Co-authored-by: Rolaka <[email protected]>
Co-authored-by: Simon Holthausen <[email protected]>

Author: 3 people

.github/workflows/main.yml

@@ -6,8 +6,8 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v1
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
           cache: npm
 

CHANGELOG.md

@@ -1,10 +1,22 @@
 # prettier-plugin-svelte changelog
 
-## 3.0.0 (Unreleased
+## 3.0.0 (Unreleased)
 
 -   (breaking) requires `prettier` version 3
 -   (breaking) requires node version 14 or higher
 
+## 2.10.1
+
+-   (chore) mark as compatible with Svelte 4
+
+## 2.10.0
+
+-   (feat) support `requirePragma` and `insertPragma` options ([#350](https://github.com/sveltejs/prettier-plugin-svelte/issues/350))
+-   (feat) support `<svelte:document>`
+-   (feat) trim whitespace in `class` attributes ([#339](https://github.com/sveltejs/prettier-plugin-svelte/issues/339))
+-   (feat) allow multiple comments atop of script/style tags ([#291](https://github.com/sveltejs/prettier-plugin-svelte/issues/291))
+-   (fix) handle script/style attributes without quotes ([#344](https://github.com/sveltejs/prettier-plugin-svelte/issues/344))
+
 ## 2.9.0
 
 -   (feat) support style modifiers ([#330](https://github.com/sveltejs/prettier-plugin-svelte/issues/330))

README.md

@@ -29,8 +29,14 @@ Install `prettier` and `prettier-plugin-svelte` as dev dependencies in your proj
 
 Then format your code using Prettier CLI. You may need to add `--plugin-search-dir=.`
 
+As a one-time run:
 ```
-prettier --write --plugin-search-dir=. ./**/*.html
+npx prettier --write --plugin-search-dir=. ./**/*.html
+```
+
+As part of your scripts in `package.json`:
+```
+"format": "prettier --write --plugin-search-dir=. ./**/*.html"
 ```
 
 If you want to customize some formatting behavior, see section "Options" below.
@@ -167,6 +173,16 @@ There is a [Tailwind Prettier Plugin](https://github.com/tailwindlabs/prettier-p
 
 More info: https://github.com/tailwindlabs/prettier-plugin-tailwindcss#compatibility-with-other-prettier-plugins
 
+Since we are using configuration overrides to handle svelte files, you might also have to configure the [prettier.documentselectors](https://github.com/prettier/prettier-vscode#prettierdocumentselectors) in your VS Code `settings.json`, to tell Prettier extension to handle svelte files, file like this:
+
+```json5
+// settings.json
+{
+  // ..
+  "prettier.documentSelectors": ["**/*.svelte"],
+}
+```
+
 ## FAQ
 
 ### Why is the closing or opening tag (`>` or `<`) hugging the inner tag or text?