docs: update docs

Author: abichinger

docs/src/.vuepress/components/cron-demo.vue

@@ -2,11 +2,11 @@
   <div class="cron-demo">
     <p>Flavor</p>
     <v-select 
-      :model-value="flavor"
-      @update:model-value="selectFlavor" 
+      v-model="flavor"
       :items="flavors" 
-      item-value="name" 
-      item-title="name">
+      item-value="value"
+      item-title="name"
+      return-object>
     </v-select>
 
     <p>Locale</p>
@@ -58,13 +58,21 @@ export default {
       {
         name: 'Naive UI',
       },
+      {
+        name: 'PrimeVue',
+        value: 'prime'
+      },
       {
         name: 'Quasar',
       },
       {
         name: 'Vuetify',
       },
-    ]
+    ].map(f => ({
+      name: f.name,
+      value: f.value ?? f.name.replace(' ', '-').toLowerCase()
+    }))
+
     const locales = [
       {
         name: 'English',
@@ -124,12 +132,6 @@ export default {
     const format = ref(formats[0])
     const disabled = ref(false)
 
-    const selectFlavor = (name) => {
-      let i = flavors.map(f => f.name).indexOf(name)
-      i = i >= 0 ? i : 0
-      flavor.value = flavors[i]
-    }
-
     const src = computed(() => {
       const params = {
         locale: locale.value,
@@ -138,16 +140,16 @@ export default {
         ...(disabled.value ? { disabled:true } : {})
       }
       const query = new URLSearchParams(params)
-      const path = 'demo/' + flavor.value.name.replace(' ', '-').toLowerCase() + '/index.html?' + query.toString()
+      const path = 'demo/' + flavor.value.value + '/index.html?' + query.toString()
       
+      console.log("src", path)
       return withBase(path)
     })
 
     return {
       src,
       flavor: flavor,
       flavors,
-      selectFlavor,
       toggle: ref(0),
       locales,
       locale: locale,

docs/src/guide/getting-started-ant.md

@@ -7,8 +7,11 @@ The fastest way to get started, is to use one of the prebuilt components.
 - cron-ant - cron editor for [Ant Design Vue](https://antdv.com/)
 - [cron-element-plus](./getting-started-element-plus) - cron editor for [Element Plus](https://element-plus.org/en-US/)
 - [cron-naive](./getting-started-naive-ui) - cron editor for [Naive UI](https://www.naiveui.com)
+- [cron-prime](./getting-started-prime) - cron editor for [PrimeVue](https://primevue.org/)
 - [cron-quasar](./getting-started-quasar) - cron editor for [Quasar](https://quasar.dev/)
 - [cron-vuetify](./getting-started-vuetify) - cron editor for [Vuetify.js](https://next.vuetifyjs.com/en/)
+
+
 ## Requirements
 
 Make sure to install and setup all requirements.

docs/src/guide/getting-started-core.md

@@ -7,9 +7,12 @@ The fastest way to get started, is to use one of the prebuilt components.
 - [cron-ant](./getting-started-ant) - cron editor for [Ant Design Vue](https://antdv.com/)
 - [cron-element-plus](./getting-started-element-plus) - cron editor for [Element Plus](https://element-plus.org/en-US/)
 - [cron-naive](./getting-started-naive-ui) - cron editor for [Naive UI](https://www.naiveui.com)
+- [cron-prime](./getting-started-prime) - cron editor for [PrimeVue](https://primevue.org/)
 - [cron-quasar](./getting-started-quasar) - cron editor for [Quasar](https://quasar.dev/)
 - [cron-vuetify](./getting-started-vuetify) - cron editor for [Vuetify.js](https://next.vuetifyjs.com/en/)
 
+
+
 ## Installation
 
 Open up a terminal and run the following command:

docs/src/guide/getting-started-element-plus.md

@@ -7,8 +7,11 @@ The fastest way to get started, is to use one of the prebuilt components.
 - [cron-ant](./getting-started-ant) - cron editor for [Ant Design Vue](https://antdv.com/)
 - cron-element-plus - cron editor for [Element Plus](https://element-plus.org/en-US/)
 - [cron-naive](./getting-started-naive-ui) - cron editor for [Naive UI](https://www.naiveui.com)
+- [cron-prime](./getting-started-prime) - cron editor for [PrimeVue](https://primevue.org/)
 - [cron-quasar](./getting-started-quasar) - cron editor for [Quasar](https://quasar.dev/)
 - [cron-vuetify](./getting-started-vuetify) - cron editor for [Vuetify.js](https://next.vuetifyjs.com/en/)
+
+
 ## Requirements
 
 Make sure to install and setup all requirements.

docs/src/guide/getting-started-light.md

@@ -7,9 +7,12 @@ The fastest way to get started, is to use one of the prebuilt components.
 - [cron-ant](./getting-started-ant) - cron editor for [Ant Design Vue](https://antdv.com/)
 - [cron-element-plus](./getting-started-element-plus) - cron editor for [Element Plus](https://element-plus.org/en-US/)
 - [cron-naive](./getting-started-naive-ui) - cron editor for [Naive UI](https://www.naiveui.com)
+- [cron-prime](./getting-started-prime) - cron editor for [PrimeVue](https://primevue.org/)
 - [cron-quasar](./getting-started-quasar) - cron editor for [Quasar](https://quasar.dev/)
 - [cron-vuetify](./getting-started-vuetify) - cron editor for [Vuetify.js](https://next.vuetifyjs.com/en/)
 
+
+
 ## Installation
 
 Open up a terminal and run the following command:

docs/src/guide/getting-started-naive-ui.md

@@ -7,8 +7,11 @@ The fastest way to get started, is to use one of the prebuilt components.
 - [cron-ant](./getting-started-ant) - cron editor for [Ant Design Vue](https://antdv.com/)
 - [cron-element-plus](./getting-started-element-plus) - cron editor for [Element Plus](https://element-plus.org/en-US/)
 - cron-naive - cron editor for [Naive UI](https://www.naiveui.com)
+- [cron-prime](./getting-started-prime) - cron editor for [PrimeVue](https://primevue.org/)
 - [cron-quasar](./getting-started-quasar) - cron editor for [Quasar](https://quasar.dev/)
 - [cron-vuetify](./getting-started-vuetify) - cron editor for [Vuetify.js](https://next.vuetifyjs.com/en/)
+
+
 ## Requirements
 
 Make sure to install and setup all requirements.

docs/src/guide/getting-started-prime.md

@@ -0,0 +1,60 @@
+<!-- Generated file -->
+# Getting Started - PrimeVue
+
+The fastest way to get started, is to use one of the prebuilt components.
+- [cron-core](./getting-started-core) - renderless cron editor
+- [cron-light](./getting-started-light) - lightweight cron editor without external dependencies
+- [cron-ant](./getting-started-ant) - cron editor for [Ant Design Vue](https://antdv.com/)
+- [cron-element-plus](./getting-started-element-plus) - cron editor for [Element Plus](https://element-plus.org/en-US/)
+- [cron-naive](./getting-started-naive-ui) - cron editor for [Naive UI](https://www.naiveui.com)
+- cron-prime - cron editor for [PrimeVue](https://primevue.org/)
+- [cron-quasar](./getting-started-quasar) - cron editor for [Quasar](https://quasar.dev/)
+- [cron-vuetify](./getting-started-vuetify) - cron editor for [Vuetify.js](https://next.vuetifyjs.com/en/)
+
+
+## Requirements
+
+Make sure to install and setup all requirements.
+- [PrimeVue](https://primevue.org/setup/)
+
+## Installation
+
+Open up a terminal and run the following command:
+
+```bash 
+yarn add @vue-js-cron/prime
+```
+or
+
+```bash 
+npm install @vue-js-cron/prime
+```
+
+Then you need to register the component
+
+```js
+import '@vue-js-cron/prime/dist/prime.css'
+
+// registers the component globally
+// registered name: CronPrime
+import CronPrimePlugin from '@vue-js-cron/prime'
+app.use(CronPrimePlugin)
+
+// alternatively you can also register the component yourself
+// https://vuejs.org/guide/components/registration.html
+import { CronPrime } from '@vue-js-cron/prime'
+app.component('CronPrime', CronPrime)
+```
+
+Done! 🚀
+
+<br />
+
+## API
+
+
+[CronPrime API](https://abichinger.github.io/vue-js-cron/typedoc/classes/_vue_js_cron_prime.CronPrime)
+
+[CronPrimeProps API](https://abichinger.github.io/vue-js-cron/typedoc/interfaces/_vue_js_cron_prime.CronPrimeProps)
+
+

docs/src/guide/getting-started-quasar.md

@@ -7,8 +7,11 @@ The fastest way to get started, is to use one of the prebuilt components.
 - [cron-ant](./getting-started-ant) - cron editor for [Ant Design Vue](https://antdv.com/)
 - [cron-element-plus](./getting-started-element-plus) - cron editor for [Element Plus](https://element-plus.org/en-US/)
 - [cron-naive](./getting-started-naive-ui) - cron editor for [Naive UI](https://www.naiveui.com)
+- [cron-prime](./getting-started-prime) - cron editor for [PrimeVue](https://primevue.org/)
 - cron-quasar - cron editor for [Quasar](https://quasar.dev/)
 - [cron-vuetify](./getting-started-vuetify) - cron editor for [Vuetify.js](https://next.vuetifyjs.com/en/)
+
+
 ## Requirements
 
 Make sure to install and setup all requirements.

docs/src/guide/getting-started-vuetify.md

@@ -7,8 +7,11 @@ The fastest way to get started, is to use one of the prebuilt components.
 - [cron-ant](./getting-started-ant) - cron editor for [Ant Design Vue](https://antdv.com/)
 - [cron-element-plus](./getting-started-element-plus) - cron editor for [Element Plus](https://element-plus.org/en-US/)
 - [cron-naive](./getting-started-naive-ui) - cron editor for [Naive UI](https://www.naiveui.com)
+- [cron-prime](./getting-started-prime) - cron editor for [PrimeVue](https://primevue.org/)
 - [cron-quasar](./getting-started-quasar) - cron editor for [Quasar](https://quasar.dev/)
 - cron-vuetify - cron editor for [Vuetify.js](https://next.vuetifyjs.com/en/)
+
+
 ## Requirements
 
 Make sure to install and setup all requirements.