Fieldtype.js

const Fieldtype = {
  mixins: [window.Storyblok.plugin],
  template: `
    <div>
      <input
        class="uk-width-1-1"
        type="number"
        @input="validate"
        :step="options.step || 1"
        ref="input"
      />
    </div>
  `,
  methods: {
    initWith() {
      return {
        plugin: 'number-restricted',
        value: null
      }
    },
    validate(e) {
      let val = parseInt(e.target.value)
      let max = parseInt(this.options.max)
      if (val > parseInt(this.options.max)) {
        val = parseInt(this.options.max)
      }
      if (val < parseInt(this.options.min)) {
        val = parseInt(this.options.min)
      }
      this.$refs.input.value = val
      this.model.value = val
    },
    pluginCreated() {
      this.$nextTick(() => {
        if (this.model.value === null) {
          this.model.value = this.options.default || '4'
          this.$refs.input.value = this.model.value
        }
      })
    }
  },
  watch: {
    model: {
      handler (model) {
        this.$emit('changed-model', model)
      },
      deep: true
    }
  }
}