📖 How to Use
Simply include the JavaScript file and use the custom element:
<!-- Include the web component script -->
<script src="https://jordan-school-district-lunch-menu-m5etcuok5.vercel.app/jordan-school-menu.js"></script>
<!-- Use the component anywhere in your HTML -->
<jordan-school-menu></jordan-school-menu>
✨ Features
- No props required - Always displays today's menu automatically
- Self-contained - Includes all HTML, CSS, and JavaScript
- Shadow DOM - Styles won't conflict with your page
- Real-time data - Fetches live menu data from the school API
- Error handling - Shows helpful messages if data can't be loaded