refactor(Editor): Make Editor Optional

Author: sfxcode

dev/modules/i18n.ts

@@ -5,6 +5,7 @@ import en from '@/locales/en.json'
 export const install: UserModule = ({ app }) => {
   const i18n = createI18n({
     locale: 'en',
+    legacy: false, // you must set `false`, to use Composition API
     messages: {
       en,
     },

dev/modules/primevue.ts

@@ -3,15 +3,17 @@ import Aura from '@primeuix/themes/aura'
 import { usePrimeInputs } from 'my-library'
 import PrimeVue from 'primevue/config'
 import ConfirmationService from 'primevue/confirmationservice'
+import Editor from 'primevue/editor'
 import MegaMenu from 'primevue/megamenu'
+
 import Ripple from 'primevue/ripple'
 import Tab from 'primevue/tab'
 import TabList from 'primevue/tablist'
 import TabPanel from 'primevue/tabpanel'
-
 import TabPanels from 'primevue/tabpanels'
 
 import Tabs from 'primevue/tabs'
+
 import Toast from 'primevue/toast'
 
 // services
@@ -27,9 +29,8 @@ export const install: UserModule = ({ app }) => {
   app.directive('tooltip', Tooltip)
 
   // input components
-  const { registerInputs, registerEditorInputs } = usePrimeInputs()
+  const { registerInputs } = usePrimeInputs()
   registerInputs(app)
-  registerEditorInputs(app)
 
   // other components
   app.component('MegaMenu', MegaMenu)
@@ -40,6 +41,7 @@ export const install: UserModule = ({ app }) => {
   app.component('TabPanel', TabPanel)
   app.component('Toast', Toast)
   app.component('Toolbar', Toolbar)
+  app.component('Editor', Editor)
 
   app.use(PrimeVue, {
     theme: {

package.json

@@ -72,7 +72,7 @@
     "dev": "vite serve dev",
     "dev:build": "vite build dev",
     "dev:preview": "vite preview dev",
-    "release": "npm run lint && npm run build && changelogen --minor --release  && npm publish --access public && git push --follow-tags",
+    "release": "npm run lint && npm run build && changelogen --patch --release  && npm publish --access public && git push --follow-tags",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "prepublishOnly": "pnpm build",

src/composables/usePrimeInputs.ts

@@ -5,7 +5,6 @@ import Checkbox from 'primevue/checkbox'
 import Chip from 'primevue/chip'
 import ColorPicker from 'primevue/colorpicker'
 import DatePicker from 'primevue/datepicker'
-import Editor from 'primevue/editor'
 import InputMask from 'primevue/inputmask'
 import InputNumber from 'primevue/inputnumber'
 import InputOtp from 'primevue/inputotp'
@@ -51,10 +50,5 @@ export function usePrimeInputs() {
     app.component('ToggleSwitch', ToggleSwitch)
     app.component('TreeSelect', TreeSelect)
   }
-
-  function registerEditorInputs(app: any) {
-    app.component('Editor', Editor)
-  }
-
-  return { registerInputs, registerEditorInputs }
+  return { registerInputs }
 }