feat: add period prefix and suffix

Author: abichinger

examples/vue-cron.vue

@@ -2,17 +2,17 @@
     <div>
         Cron: <input :value="value" @change="value = $event.target.value" type="text" />
         <VueCronCore v-model="value">
-            <template #default="p">
+            <template #default="{periodEvents, periodAttrs, periodData, error, fields}">
                 <div>
                     <span>
-                        Every:
-                        <select @input="p.periodEvents.input(JSON.parse($event.target.value))">
-                            <option v-for="item in p.periodData.items" :key="item.text" :value="JSON.stringify(item)">{{item.text}}</option>
+                        {{periodData.prefix}}:
+                        <select @input="periodEvents.input(JSON.parse($event.target.value))">
+                            <option v-for="item in periodData.items" :key="item.text" :value="JSON.stringify(item)">{{item.text}}</option>
                         </select>
                     </span>
 
 
-                    <template v-for="f in p.fields">
+                    <template v-for="f in fields">
                         <span :key="f.id">
                             {{f.prefix}}
                             <select @input="f.events.input(getSelected($event.target))" multiple>
@@ -24,9 +24,9 @@
 
                     <div>-</div>
 
-                    <div>error:{{p.error}}</div>
-                    <div>period:{{p.periodAttrs.value}}</div>
-                    <div v-for="f in p.fields" :key="'div'+f.id">{{f.id}}: {{f.attrs.value}}, {{f.cron}}, {{f.selectedStr}}</div>
+                    <div>error:{{error}}</div>
+                    <div>period:{{periodAttrs.value}}</div>
+                    <div v-for="f in fields" :key="'div'+f.id">{{f.id}}: {{f.attrs.value}}, {{f.cron}}, {{f.selectedStr}}</div>
                 </div>
             </template>
         </VueCronCore>

src/core.vue

@@ -153,7 +153,9 @@ export default {
                 }
             },
             periodData: {
-                items: this.periods
+                items: this.periods,
+                prefix: this.customLocale.periodPrefix,
+                suffix: this.customLocale.periodSuffix
             },
         })
     },

src/locale/en.js

@@ -43,5 +43,7 @@ export default {
         dayOfWeekField: {
             prefix: 'and'
         }
-    }
+    },
+    periodPrefix: 'Every',
+    periodSuffix: ''
 }