➕ Add more installation instructions (#153)

README.md

@@ -29,10 +29,13 @@ yarn add dracula-ui
 You can use Dracula UI with plain HTML by importing the CSS file.
 
 ```html
-<link
-  rel="stylesheet"
-  href="node_modules/dracula-ui/styles/dracula-ui.css"
-/>
+<link rel="stylesheet" href="node_modules/dracula-ui/styles/dracula-ui.css" />
+```
+
+Or by importing it on your main JavaScript file (when using a tool like [Vite](https://vitejs.dev/), for example).
+
+```js
+import 'dracula-ui/styles/dracula-ui.css'
 ```
 
 You can also import Dracula UI via npm's [unpkg CDN](https://unpkg.com):

website/package.json

@@ -2,6 +2,9 @@
   "name": "website",
   "version": "1.0.0",
   "description": "Dracula UI site",
+  "engines": {
+    "node": ">=10 <17.0.0"
+  },
   "scripts": {
     "dev": "next dev"
   },

website/pages/installation.js

@@ -42,6 +42,29 @@ yarn add dracula-ui`}
             language="html"
             code={`<link rel="stylesheet" href="node_modules/dracula-ui/styles/dracula-ui.css" />`}
           />
+          <Paragraph>
+            Or by importing it on your main JavaScript file (when using a tool
+            like
+            <Anchor href="https://vitejs.dev/" isExternal={true} pl="xxs">
+              Vite
+            </Anchor>
+            , for example).
+          </Paragraph>
+          <CodeHighlight
+            language="js"
+            code={`import 'dracula-ui/styles/dracula-ui.css'`}
+          />
+          <Paragraph>
+            You can also import Dracula UI via npm's
+            <Anchor href="https://unpkg.com" isExternal={true} pl="xxs">
+              unpkg CDN
+            </Anchor>
+            :
+          </Paragraph>
+          <CodeHighlight
+            language="html"
+            code={`<link rel="stylesheet" href="https://unpkg.com/[email protected]/styles/dracula-ui.css" />`}
+          />
           <Paragraph>
             Now you can take advantage of all the classes, for example:
           </Paragraph>