Add setup docs for snowpack-plugin (#162)

Author: mattcompiles

README.md

@@ -88,6 +88,7 @@ Want to work at a higher level while maximising style re-use? Check out  🍨 [S
   - [webpack](#webpack)
   - [esbuild](#esbuild)
   - [Vite](#vite)
+  - [Snowpack](#snowpack)
   - [Gatsby](#gatsby)
 - [Styling API](#styling-api)
   - [style](#style)
@@ -221,6 +222,25 @@ export default {
 
 > Please note: There are currently no automatic readable class names during development. However, you can still manually provide a debug ID as the last argument to functions that generate scoped styles, e.g. `export const className = style({ ... }, 'className');`
 
+## Snowpack
+
+1/ Install the dependencies.
+
+```bash
+$ npm install @vanilla-extract/css @vanilla-extract/snowpack-plugin
+```
+
+2/ Add the [Snowpack](https://www.snowpack.dev/) plugin to your snowpack config.
+
+```js
+// snowpack.config.json
+{
+  "plugins": ["@vanilla-extract/snowpack-plugin"]
+}
+```
+
+> Please note: There are currently no automatic readable class names during development. However, you can still manually provide a debug ID as the last argument to functions that generate scoped styles, e.g. `export const className = style({ ... }, 'className');`
+
 ### Gatsby
 
 To add to your [Gatsby](https://www.gatsbyjs.com) site, use the [gatsby-plugin-vanilla-extract](https://github.com/KyleAMathews/gatsby-plugin-vanilla-extract) plugin.

site/docs/setup.md

@@ -117,6 +117,25 @@ export default {
 
 > Please note: There are currently no automatic readable class names during development. However, you can still manually provide a debug ID as the last argument to functions that generate scoped styles, e.g. `export const className = style({ ... }, 'className');`
 
+## Snowpack
+
+1/ Install the dependencies.
+
+```bash
+$ npm install @vanilla-extract/css @vanilla-extract/snowpack-plugin
+```
+
+2/ Add the [Snowpack](https://www.snowpack.dev/) plugin to your snowpack config.
+
+```js
+// snowpack.config.json
+{
+  "plugins": ["@vanilla-extract/snowpack-plugin"]
+}
+```
+
+> Please note: There are currently no automatic readable class names during development. However, you can still manually provide a debug ID as the last argument to functions that generate scoped styles, e.g. `export const className = style({ ... }, 'className');`
+
 ## Gatsby
 
 To add to your [Gatsby](https://www.gatsbyjs.com) site, use the [gatsby-plugin-vanilla-extract](https://github.com/KyleAMathews/gatsby-plugin-vanilla-extract) plugin.