Docs for vue talk about input.css file that doesn't exist

[thepurpleblob]

The docs page for installing flowbite in Vue (https://flowbite.com/docs/getting-started/vue/) , introduce a file called input.css

This file does not exist in the Vue template created by the suggested command...

npm create vite@latest flowbite-app -- --template vue

So, it may be (in fact, is) confusing. Should that file just be imported the same as styles.css or is it something else?

[thepurpleblob]

In fact (in case it helps somebody else), I eventually got it to work with just a single css file (in my case 'style.css') which I import in main.css. No input.css.

Contents are...

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
@import "flowbite/src/themes/default";
@import "tailwindcss";

@plugin "flowbite/plugin";
@source "../node_modules/flowbite";

The fact that it was all in the one file and the exact order of these items is critical for it to work at all and not get a load of warnings. This is not really as described/implied in the documentation.

EDIT:
Just thinking about this. Clearly, some of those imports set up variables that are used in later imports. The issue for me was that if you get this wrong it just fails silently. The theme is completely screwed up and it's not at all obvious why. Hence the plea to make it clear in the docs what the correct import order is (and why it matters).