chore: update dependencies | add type module | fix build (#20)

* chore: update dependencies

* chore: add type module

* chore: fix build

build/banner.js

@@ -1,7 +1,17 @@
-const pack = require("../package.json");
-const bannerText = require("./bannertext");
+import pkg from "../package.json" with { type: "json" };
+import process from "node:process";
 
-const bannerTxt = bannerText.generate(pack.version);
+function generate(version) {
+  const preview_build = process.env.ORUGA_PREVIEW_BUILD;
+
+  if (preview_build) {
+    version = `${version} (build ${preview_build})`;
+  }
+
+  return `/*! Oruga v${version} | MIT License | github.com/oruga-ui/oruga */\n\n`;
+}
+
+const bannerTxt = generate(pkg.version);
 
 process.stdout.write(bannerTxt);
 process.stdin.pipe(process.stdout);

package.json

@@ -3,6 +3,7 @@
   "version": "0.2.2",
   "description": "Default theme for Oruga",
   "license": "MIT",
+  "type": "module",
   "main": "dist/theme.js",
   "module": "dist/theme.js",
   "unpkg": "dist/theme.min.js",
@@ -25,46 +26,45 @@
     "dev": "vite --force",
     "serve": "vite preview",
     "build": "vue-tsc --noEmit && vite build",
-    "build:lib": "rimraf dist && npm run build:config && npm run build:scss && npm run build:scss-full",
+    "build:lib": "rimraf dist && npm run build:config && npm run build:scss",
     "build:config": "rollup -c",
-    "build:scss": "sass --no-charset ./src/assets/scss/oruga.scss | node ./build/banner.js > dist/oruga.css && cleancss -o dist/oruga.min.css dist/oruga.css",
-    "build:scss-full": "sass --no-charset ./src/assets/scss/oruga-full.scss | node ./build/banner.js > dist/oruga-full.css && cleancss -o dist/oruga-full.min.css dist/oruga-full.css",
+    "build:scss": "sass --no-charset ./src/assets/scss/oruga-build.scss | node ./build/banner.js > dist/oruga.css && cleancss -o dist/oruga.min.css dist/oruga.css",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
     "lint:style": "stylelint **/*.{css,scss} --fix --ignore-path .gitignore",
     "update": "ncu -u"
   },
   "devDependencies": {
-    "@fortawesome/fontawesome-free": "6.5.1",
-    "@oruga-ui/oruga-next": "0.8.3",
+    "@fortawesome/fontawesome-free": "6.5.2",
+    "@oruga-ui/oruga-next": "^0.8.7",
     "@rollup/plugin-typescript": "11.1.6",
-    "@vitejs/plugin-vue": "5.0.3",
+    "@vitejs/plugin-vue": "5.0.4",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/tsconfig": "^0.5.1",
-    "autoprefixer": "10.4.17",
+    "autoprefixer": "10.4.19",
     "clean-css-cli": "^5.6.3",
-    "core-js": "3.35.1",
-    "eslint": "^8.56.0",
+    "core-js": "3.36.1",
+    "eslint": "^8.57.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-vue": "^9.21.1",
-    "npm-check-updates": "^16.14.14",
-    "postcss": "8.4.34",
+    "eslint-plugin-vue": "^9.24.0",
+    "npm-check-updates": "^16.14.18",
+    "postcss": "8.4.38",
     "prettier": "^3.2.5",
     "rimraf": "5.0.5",
-    "rollup": "^4.9.6",
+    "rollup": "^4.14.1",
     "rollup-plugin-copy": "3.5.0",
     "rollup-plugin-sass": "1.12.21",
-    "sass": "1.70.0",
-    "stylelint": "^16.2.1",
+    "sass": "1.74.1",
+    "stylelint": "^16.3.1",
     "stylelint-config-recommended": "^14.0.0",
     "stylelint-config-recommended-scss": "^14.0.0",
     "stylelint-prettier": "^5.0.0",
-    "stylelint-scss": "^6.1.0",
+    "stylelint-scss": "^6.2.1",
     "tslib": "2.6.2",
-    "typescript": "5.3.3",
-    "vite": "^5.0.12",
-    "vue": "3.4.15",
-    "vue-router": "4.2.5",
-    "vue-tsc": "1.8.27"
+    "typescript": "5.4.4",
+    "vite": "^5.2.8",
+    "vue": "3.4.21",
+    "vue-router": "4.3.0",
+    "vue-tsc": "2.0.10"
   }
 }

rollup.config.mjs

@@ -7,7 +7,7 @@ import fs from "fs";
 import path from "path";
 import postcss from "postcss";
 
-import pkg from "./package.json" assert { type: "json" };
+import pkg from "./package.json" with { type: "json" };
 
 const entries = {
   index: "src/plugins/theme.ts",

src/assets/scss/oruga-build.scss

@@ -1,9 +1,9 @@
-/**********************************
-*   Oruga Default Theme Style
-***********************************/
+/*************************************
+*   Oruga Default Theme Full Build
+**************************************/
 
-// import Ourga Theme variables
+// import Ourga theme variables
 @import "utils/variables";
 
-// import Oruga Theme styles
+// import Oruga theme styles
 @import "./oruga";

src/assets/scss/oruga.scss

@@ -2,7 +2,7 @@
 *   Oruga Theme 
 *******************/
 
-// import Globals, helpers and functions
+// import globals, helpers and functions
 @import "utils/animations";
 @import "utils/helpers";
 @import "utils/root";

src/assets/scss/utils/_variables.scss

@@ -3,7 +3,6 @@
 **********************/
 
 // Settings
-$whitelist: () !default;
 $prefix: "oruga-" !default;
 
 // Animations

src/main.ts

@@ -9,7 +9,7 @@ import "@fortawesome/fontawesome-free/scss/fontawesome.scss";
 import "@fortawesome/fontawesome-free/scss/regular.scss";
 import "@fortawesome/fontawesome-free/scss/solid.scss";
 
-import "./assets/scss/oruga-full.scss";
+import "./assets/scss/oruga-build.scss";
 
 createApp(App)
   .use(router)