Working with Init Input and old() data from laravel in VueJs

gistfile1.txt

//////---------- in Controller @edit method
// set a variable with all needed initialized input (key value pairs)
$initInput = []

$initInput = setInitInput($initInput);

// The setInitInput helper function, basically merges with old() input
 function setInitInput(array $input){
       $oldInput = session()->getOldInput();
       unset($oldInput['_token']);
       return json_encode(array_merge($input,$oldInput),JSON_UNESCAPED_UNICODE);
   }


//////---------- In Laravel's blade view
<customcomponent :init-Input="{{ $initInput }}"></customcomponent>

// and the component

export default {
        props: ['initInput'],
        data: function () {
            return {
            ...
            },
            
         methods: {
            initializeInput:function(){
                for (var key in this.initInput) {
                    if(this.hasOwnProperty(key) && this.initInput[key] !=""){
                        this[key] = this.initInput[key];
                    }
                }

            }
         }
     
        },