diff --git a/package.json b/package.json index e6c054e..d43c247 100644 --- a/package.json +++ b/package.json @@ -2,12 +2,38 @@ "name": "theme-tailwind", "version": "1.0.0", "description": "Tailwind theme for Oruga UI", - "main": "index.js", "license": "MIT", + "type": "module", + "main": "dist/theme.cjs", + "module": "dist/theme.js", + "unpkg": "dist/theme.cjs", + "types": "dist/types/theme.d.ts", + "sideEffects": [ + "*.css", + "*.scss" + ], + "exports": { + ".": { + "import": "./dist/theme.js", + "types": "./dist/types/theme.d.ts" + }, + "./style.css": "./dist/theme.css", + "./style.scss": "./dist/scss/theme.scss", + "./scss/*.scss": "./dist/scss/*.scss", + "./dist/scss/*.scss": "./dist/scss/*.scss" + }, + "files": [ + "dist", + "LICENSE", + "README.md" + ], + "repository": { + "type": "git", + "url": "git+https://github.com/oruga-ui/theme-tailwind/theme-tailwind.git" + }, "bugs": { - "url": "https://github.com/mouadTaoussi/theme-tailwind/issues" + "url": "https://github.com/oruga-ui/theme-tailwind/issues" }, - "homepage": "https://github.com/mouadTaoussi/theme-tailwind#readme", "scripts": { "dev": "vite --force", "serve": "vite preview", @@ -18,13 +44,15 @@ "dev1": "tailwindcss -i ./src/input.css -o ./dist/output.css --watch", "build1": "tailwindcss -i ./src/input.css -o ./dist/output.css --minify" }, - "repository": { - "type": "git", - "url": "git+https://github.com/mouadTaoussi/theme-tailwind.git" + "peerDependencies": { + "@oruga-ui/oruga-next": "^0.14.0-pre.2" + }, + "dependencies": { + "@tailwindcss/postcss": "^4.1.7" }, "devDependencies": { - "@oruga-ui/examples": "../oruga@0.12.3/oruga/packages/examples", - "@oruga-ui/oruga": "../oruga@0.12.3/oruga/packages/oruga", + "@oruga-ui/examples": "0.14.2-pre.2", + "@oruga-ui/oruga": "0.14.2-pre.2", "@types/node": "^22.10.5", "@vitejs/plugin-vue": "5.2.1", "@vue/eslint-config-prettier": "^10.1.0", @@ -54,13 +82,5 @@ "vue": "3.5.13", "vue-router": "4.5.0", "vue-tsc": "2.2.0" - }, - "keywords": [ - "oruga", - "tailwind", - "theme-tailwind" - ], - "dependencies": { - "@tailwindcss/postcss": "^4.1.7" } } diff --git a/src/components.ts b/src/components.ts index 9b5d3f3..59bfc18 100644 --- a/src/components.ts +++ b/src/components.ts @@ -7,15 +7,18 @@ export default [ "Collapse", "Datepicker", "Datetimepicker", + "Dialog", "Dropdown", "Field", "Icon", "Input", + "Listbox", "Loading", "Menu", "Modal", "Notification", "Pagination", + "Popover", "Radio", "Select", "Sidebar", @@ -25,8 +28,10 @@ export default [ "Switch", "Table", "Tabs", + "Tag", "Taginput", "Timepicker", "Tooltip", + "Tree", "Upload", ]; diff --git a/src/main.ts b/src/main.ts index b206c91..3a27757 100644 --- a/src/main.ts +++ b/src/main.ts @@ -3,11 +3,11 @@ import { createApp } from "vue"; import App from "./App.vue"; import router from "./router"; -import Oruga from "@oruga-ui/oruga"; +import { createOruga, OrugaComponentPlugins } from "@oruga-ui/oruga-next"; import Examples from "@oruga-ui/examples"; // add examples styles -import "@oruga-ui/examples/dist/examples.css"; +import "@oruga-ui/examples/index.css"; // add theme import "./assets/scss/tailwind.scss"; @@ -15,21 +15,24 @@ import "./assets/scss/tailwind.scss"; // add theme config import { config as tailwindConfig } from "./plugins/theme"; -createApp(App) - .use(router) - .use(Oruga, { +const oruga = createOruga( + { iconPack: "fas", + iconComponent: "vue-fontawesome", customIconPacks: { fas: { sizes: { default: "", - small: "fa-sm", - medium: "fa-lg", - large: "fa-2x", + small: "sm", + medium: "lg", + large: "xl", }, }, }, ...tailwindConfig, - }) - .use(Examples) - .mount("#app"); + }, + // add all components globally + OrugaComponentPlugins, +); + +createApp(App).use(router).use(oruga).use(Examples).mount("#app");