feat(plugins): add Asterisk Plugin

Author: sfxcode

dev/modules/formkit.ts

@@ -3,6 +3,7 @@ import { createAutoAnimatePlugin } from '@formkit/addons'
 
 import { de, en } from '@formkit/i18n'
 import { primeInputs } from 'my-library/definitions'
+import { addPrimeAsteriskPlugin } from 'my-library/plugins'
 import type { UserModule } from '@/types'
 
 export const install: UserModule = ({ app }) => {
@@ -27,6 +28,7 @@ export const install: UserModule = ({ app }) => {
           repeater: ['items'],
         },
       ),
+      addPrimeAsteriskPlugin,
     ],
   }))
 }

package.json

@@ -34,6 +34,11 @@
       "import": "./dist/definitions/index.mjs",
       "require": "./dist/definitions/index.js"
     },
+    "./plugins": {
+      "types": "./dist/plugins/index.d.ts",
+      "import": "./dist/plugins/index.mjs",
+      "require": "./dist/plugins/index.js"
+    },
     "./dist/sass/formkit-primevue.scss": {
       "import": "./dist/sass/formkit-primevue.scss",
       "require": "./dist/sass/formkit-primevue.scss"

src/plugins/index.ts

@@ -0,0 +1,22 @@
+export function addPrimeAsteriskPlugin(node: any): any {
+  if (!node.props.type.startsWith('prime'))
+    return
+
+  node.on('created', () => {
+    const schemaFn = node.props.definition.schema
+    node.props.definition.schema = (sectionsSchema = {}) => {
+      sectionsSchema.label = {
+        children: ['$label', {
+          $el: 'span',
+          if: '$state.required',
+          attrs: {
+            class: 'p-formkit-asterisk',
+          },
+          children: ['*'],
+        }],
+      }
+
+      return schemaFn(sectionsSchema)
+    }
+  })
+}