How do we send context data from py file to html file in frappe pages

Frappe Framework
1

I created a page called “loyalty user info” using a doctype called ‘page’ and create a py and html file
now how can i send context data from py file to html file

this is how the file directory looks like

prodify_admin@prodify-dev-01_ ~_frappe-bench_apps_membership_loyalty_membership_loyalty_membership_page_loyalty_user_info 03-11-2023 16_11_32
prodify_admin@prodify-dev-01_ ~_frappe-bench_apps_membership_loyalty_membership_loyalty_membership_page_loyalty_user_info 03-11-2023 16_11_321583×811 6.43 KB

this is how py file looks like

prodify_admin@prodify-dev-01_ ~_frappe-bench_apps_membership_loyalty_membership_loyalty_membership_page_loyalty_user_info 03-11-2023 16_12_04
prodify_admin@prodify-dev-01_ ~_frappe-bench_apps_membership_loyalty_membership_loyalty_membership_page_loyalty_user_info 03-11-2023 16_12_041583×811 7.25 KB

this is how html file looks like

prodify_admin@prodify-dev-01_ ~_frappe-bench_apps_membership_loyalty_membership_loyalty_membership_page_loyalty_user_info 03-11-2023 16_11_43
prodify_admin@prodify-dev-01_ ~_frappe-bench_apps_membership_loyalty_membership_loyalty_membership_page_loyalty_user_info 03-11-2023 16_11_431583×813 19.6 KB

the output I am getting is an error ‘user_data is not defined’

ReferenceError: user_data is not defined
    at eval (eval at frappe.template.compile (microtemplate.js:86:36), <anonymous>:4:294)
    at frappe.render (microtemplate.js:100:42)
    at frappe.render_template (microtemplate.js:114:16)
    at frappe.pages.loyalty-user-info.on_page_load (loyalty_user_info.js:47:11)
    at frappe.views.Page.trigger_page_event (pageview.js:102:15)
    at new frappe.views.Page (pageview.js:89:8)
    at pageview.js:52:6