Deserialize jQuery form to vue 3

How can I deserialize form if before I did so deserialize with jQuery? But now I use vue 3 and I need to deserialize with JSON.parse.

I store all data in Postgres and I need to deserialize with old name input.

var form_generate_page = "left_margin=1&right_margin=1&up_margin=1&bot_margin=1.7&secondColumnMarginTop=0&firstColumnMarginTop=0&marginMiddle=5&firstColumnMarginRight=5&DistanceBetweenLine=10.03176&mirror_margin=on&adding_space=on&different_marginTop=0&different_marginTopEven=5.5&different_marginTopOdd=5.7&different_marginLeft=0&different_marginLeftEven=0&different_marginLeftOdd=0";
                $("#form-generate-page").deserialize(form_generate_page);

I use different name input and name object

<input name="left_margin" v-model="object.left"/>

Script:

data () {
return{
    localMainPdf:{
        leftMargin:2,
        rightMargin:2,
        topMargin:2,
        bottomMargin:2,
    }
}
} 

clickTestSetProps() {
// data from DB
      var form_generate_page = "left_margin=1&right_margin=1&up_margin=1&bot_margin=1.7&secondColumnMarginTop=0&firstColumnMarginTop=0&marginMiddle=5&firstColumnMarginRight=5&DistanceBetweenLine=10.03176&mirror_margin=on&adding_space=on&different_marginTop=0&different_marginTopEven=5.5&different_marginTopOdd=5.7&different_marginLeft=0&different_marginLeftEven=0&different_marginLeftOdd=0";
    $("#form-generate-page").deserialize(form_generate_page);
    
    
                },

Template:

<form id ="form-generate-page">
<input  name = "left_margin" type="number" v-model="localMainPdf.leftMargin" step="any"  >
 <input  name = "right_margin" type="number" v-model="localMainPdf.rightMargin" step="any" >
 <input  name = "up_margin" type="number" v-model="localMainPdf.topMargin" step="any" >
 <input  name = "bot_margin" type="number" v-model="localMainPdf.bottomMargin" step="any" >
</form>

If I do this:

$("#form-generate-page").deserialize(form_generate_page);

data in mainPdf doesn't change