Configuring Vituum

Vituum needs to be added as a plugin in vite.config.js inside a project root.
You can also use .mjs, .ts, learn more about Vite config.

The most basic config file looks like this:

import vituum from 'vituum'

export default {
    plugins: [vituum()]
}

import vituum from 'vituum'

export default {
    plugins: [vituum()]
}

This adds basic features like multi-page support and imports. To add more features, you will need to define additional plugins.

Here is an example of usage with LiquidJS and TailwindCSS

import vituum from 'vituum'
import liquid from '@vituum/vite-plugin-liquid'
import tailwindcss from '@vituum/vite-plugin-tailwindcss'

export default {
    plugins: [
        vituum(),
        liquid(),
        tailwindcss()
    ]
}

import vituum from 'vituum'
import liquid from '@vituum/vite-plugin-liquid'
import tailwindcss from '@vituum/vite-plugin-tailwindcss'

export default {
    plugins: [
        vituum(),
        liquid(),
        tailwindcss()
    ]
}

You can also choose to not use Vituum and only use its plugins, that's ok too if you don't need multi-page support and other core features.

Configuring Vituum ​

Configuring Vituum