Passing component attribute value from VF page to Lightning component

lightningVF.page

<apex:page standardcontroller="Account" sidebar="false">
    
    <apex:includeLightning />
    <div  id="compContainer" />
    
    <!--Here here skforce in script is my org namespace. if you are not using namespace in your org, 
        then simply use c. like c:VFPageApp, c:VFPageComponent etc-->
    <script>
     $Lightning.use("skforce:VFPageApp", function() {
         $Lightning.createComponent("skforce:VFPageComponent",
             {PassesValueFromVF:"{!JSENCODE(Account.Name)}"},
             "compContainer",
             function(cmp) {
                 console.log("c:VFPageApp loaded successfully in VF page");
             }
         );
     });
 </script>
</apex:page>

VFPageApp.app

<aura:application access="GLOBAL" extends="ltng:outApp">
    <c:VFPageComponent/>
</aura:application>

VFPageComponent.cmp

<aura:component >
    <aura:attribute name="PassesValueFromVF" type="string"/>
    Account name Passed from VF Page: {!v.PassesValueFromVF}"
	
</aura:component>