@inriver/inri 1.6.0 → 1.8.0

package/configs/base-tailwind-config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export const baseTailwindConfig = {
   preflight: false,
   darkMode: false,
   theme: {

package/index.ts

@@ -10,6 +10,8 @@ import { useDoubleClickListener } from './src/composables/useDoubleClickListener
 import { useDirtyCheck } from './src/composables/useDirtyCheck'
 import { useTruncateChips } from './src/composables/useTruncateChips'
 import { initInriIcons } from './src/plugins/inriIcons'
+import { baseTailwindConfig } from './configs/base-tailwind-config'
+
 export {
   useInriStore,
   useInterfaceLanguageStore,
@@ -23,4 +25,5 @@ export {
   useDirtyCheck,
   useTruncateChips,
   initInriIcons,
+  baseTailwindConfig,
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inriver/inri",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "peerDependencies": {
     "quasar": "2.12.1",
     "vue": "^3.3.4",
@@ -30,7 +30,6 @@
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
     "stylelint-webpack-plugin": "^3.0.1",
-    "typescript": "~4.1.5",
-    "vue-cli-plugin-quasar": "~4.0.4"
+    "typescript": "~4.1.5"
   }
 }

package/src/init/initInriFramework.ts

@@ -1,15 +1,13 @@
 import '../styles/main.scss'
-// import 'windi.css'
+import '../styles/tailwind/index.css'
 import { App } from 'vue'
 import { Quasar, Notify, Dialog, Meta } from 'quasar'
-import { quasarUserOptions } from '../plugins/quasar-user-options'
 import { registerComponents } from '../plugins/library'
 import { registerAppConfigurations } from '../plugins/globalAppConfig'
 // import { i18n } from '../plugins/i18n'
 import logger from '../plugins/errors/logger'
 import { VueErrorHandler } from '../plugins/errors/vueErrorHandler'
 import '../plugins/errors/globalErrorHandler'
-import { initInriIcons } from '../plugins/inriIcons'
 
 import iconSet from 'quasar/icon-set/mdi-v6'
 import '@quasar/extras/mdi-v6/mdi-v6.css'
@@ -22,7 +20,7 @@ export const initInriFramework = (Vue: App): void => {
   // Register global application configurations
   registerAppConfigurations(Vue)
 
-  Vue.use(Quasar, {
+  Vue.use(Quasar as any, {
     plugins: {
       Notify,
       Dialog,

package/src/styles/tailwind/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/webpack.config.js

@@ -0,0 +1,8 @@
+import WindiCSSWebpackPlugin from 'windicss-webpack-plugin'
+
+export default {
+  // ...
+  plugins: [
+    new WindiCSSWebpackPlugin(),
+  ],
+}