:value.sync is outputting a null when the value of the input is empty

[princebatey]

here is my customInput code.

<CustomInput
                  v-if="!isUpdate"
                  element-id="information_basic_profession"
                  input-type="text"
                  default-label="Profession"
                  name="information_basic_profession"
                  :value.sync="propertiesBasic.profession"
                  rules="max:100"
                  place-holder="Student"
                  max-length="100"
                  :multilinguals="multilinguals"
                  :lang="lang"
                  :label="54"
                />

I am getting a null value when the input is empty it should still empty because i declared my profession value as a string value in the object propertiesBasic
As you guys know we use the .sync value for “two-way binding” in my service i want to get value from the client to bind it on my dashboard but when value is empty i want to get the same empty but not null. if anyone has an idea please help me Thank you