LC4VF with LWC Example

LightningOut.html

<apex:page>
  <apex:includeLightning />
  
  <div id="mount"></div>
  
  <script type="text/javascript">
    const myLwcProps = {
      prop1: 1,
      isSuperAwesomeBool: true
    }
    
    const afterMountCallback = cmp => {
      // do Stuff after mount - attach event handler etc
    }
    
    $Lightning.use("c:MyAuraApp", () => {
      $Lightning.createComponent("c:MyLwc",
        myLwcProps,
        "mount", // id of the element in the page to mount your component in
        afterMountCallback
    })
  </script>
</apex:page>

MyAuraApp.html

<aura:application access="global" extends="ltng:outApp">
  <aura:dependency resource="c:MyLwc" />
</aura:application>

myLwc.js

import { LightningElement, api } from 'lwc'

export default class MyLwc extends LightningElement {
  @api prop1
  @api isSuperAwesomeBool
}