How to use the quasar-framework.uid function in quasar-framework

events: {
          'froalaEditor.initialized' () {
            console.log('froalaEditor.initialized')
          }
        },
        language: 'pt_br',
        imagePaste: true,
        charCounterCount: true,
        placeholderText: 'test',
        toolbarStickyOffset: 50,
        height: this.getAppHeight - 200,
        imageManagerPageSize: 20,
        imageManagerLoadURL: URL_IMAGE_MANAGER,
        imageUploadURL: URL_IMAGE_UPLOAD,
        imageUploadParams: {
          uid: uid(),
          type: 'image'
        },
//        toolbarButtons: [
//          'undo', 'redo', '|',
//          'bold', 'italic', 'underline', 'strikeThrough', 'paragraphFormat', '|',
//          'subscript', 'superscript', '|',
//          'outdent', 'indent', '|',
//          'formatOL', 'formatUL', 'insertTable', 'insertLink', 'insertImage', '|',
//          'clearFormatting', 'html'
//        ],
        toolbarButtonsXS: ['undo', 'redo', '-', 'bold', 'italic', 'underline']
      }
    }),
    extends: FieldAbstract,

updateTransition (from, to) {
        this.key = uid()
        if (from === to) {
          this.transition = ''
          return
        }
        const fromDepth = String(from).split('/').length
        const toDepth = String(to).split('/').length
        this.transition = toDepth < fromDepth ? 'slide-right' : 'slide-left'
      }
    },

mounted () {
      this.uid = uid()
    }
  }

http.delete = function (url, config) {
    return _delete(url, Object.assign({}, {requestId: uid()}, config))
  }

data: () => ({
      key: uid(),
      transition: 'slide-left'
    }),
    computed: {

created () {
    this.id = uid()
  },
  data: () => ({