Installation documentation for SvelteKit is outdated

[zambal]

The current documentation for using windicss with SvelteKit at https://windicss.org/guide/svelte.html#sveltekit is outdated, since it doesn't take SvelteKit's recent switch to vite into account. Although it's currently still in open beta and therefore likely a moving target, I think it would be nice to update the docs at least to the current situation.

After some fiddling, I found this to be a working solution for the latest SvelteKit/svelte@next:

// svelte.config.cjs
const node = require('@sveltejs/adapter-node');
const pkg = require('./package.json');

/** @type {import('@sveltejs/kit').Config} */
module.exports = {
  kit: {
    adapter: node(),

    target: '#svelte',

    vite: {
      ssr: {
        noExternal: Object.keys(pkg.dependencies || {})
      },
      plugins: [
        require('vite-plugin-windicss').default()
      ]
    }
  }
};

// src/routes/$layout.svelte
<script>
  import 'virtual:windi.css'
</script>

<slot></slot>

[alexanderniebuhr]

you are right! had no time to check on it. Please make a PR, i will approve it!

[zambal]

Sure, I just made a pull request!