@inriver/inri 1.5.0 → 1.7.0

package/index.ts

@@ -9,7 +9,7 @@ import { useDialog } from './src/composables/useDialog'
 import { useDoubleClickListener } from './src/composables/useDoubleClickListener'
 import { useDirtyCheck } from './src/composables/useDirtyCheck'
 import { useTruncateChips } from './src/composables/useTruncateChips'
-
+import { initInriIcons } from './src/plugins/inriIcons'
 export {
   useInriStore,
   useInterfaceLanguageStore,
@@ -22,4 +22,5 @@ export {
   useDoubleClickListener,
   useDirtyCheck,
   useTruncateChips,
+  initInriIcons,
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inriver/inri",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "peerDependencies": {
     "quasar": "2.12.1",
     "vue": "^3.3.4",
@@ -31,6 +31,9 @@
     "stylelint-config-standard": "^22.0.0",
     "stylelint-webpack-plugin": "^3.0.1",
     "typescript": "~4.1.5",
-    "vue-cli-plugin-quasar": "~4.0.4"
+    "vue-cli-plugin-quasar": "~4.0.4",
+    "webpack": "^5.88.1",
+    "windicss-webpack-plugin": "^1.7.8",
+    "tailwindcss": "^2.2.16"
   }
 }

package/src/init/initInriFramework.ts

@@ -1,7 +1,7 @@
 import '../styles/main.scss'
-// import 'windi.css'
+import 'windi.css'
 import { App } from 'vue'
-import { Quasar } from 'quasar'
+import { Quasar, Notify, Dialog, Meta } from 'quasar'
 import { quasarUserOptions } from '../plugins/quasar-user-options'
 import { registerComponents } from '../plugins/library'
 import { registerAppConfigurations } from '../plugins/globalAppConfig'
@@ -11,15 +11,25 @@ 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'
+iconSet.field.error = 'mdi-alert-circle-outline'
+
 export const initInriFramework = (Vue: App): void => {
   // Register C-components
   registerComponents(Vue)
-  initInriIcons()
 
   // Register global application configurations
   registerAppConfigurations(Vue)
 
-  Vue.use(Quasar, quasarUserOptions)
+  Vue.use(Quasar, {
+    plugins: {
+      Notify,
+      Dialog,
+      Meta,
+    },
+    iconSet: iconSet,
+  })
   // Vue.use(i18n)
   Vue.use(VueErrorHandler)
 

package/webpack.config.js

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