|
function registerComponent() {
Alpine.data('accordion',function() {
return {
activeItem: 'appetizers',
open: true,
menu: {
appetizers: [
{ name: 'Caesar Salad', price: 8 },
{ name: 'Spring Rolls', price: 6 },
{ name: 'Stuffed Mushrooms', price: 9 },
{ name: 'Zuchini Fritters', price: 12 },
{ name: 'Coconut Shrimps', price: 15 },
{ name: 'Clam Bruschetta', price: 7 },
{ name: 'Crab Cake', price: 10 },
{ name: 'Clam Chowder', price: 6 },
{ name: 'Beef Stew', price: 6 },
],
main: [
{ name: 'Cedar-Plank Salmon', price: 18 },
{ name: 'Lobster Gnocchi', price: 25 },
{ name: 'Chicken Lasagna', price: 15 },
{ name: 'Grilled Spareribs', price: 30 },
{ name: 'Scallops Risotto', price: 20 },
{ name: 'New York Steak', price: 18 },
{ name: 'Jambalaya', price: 15 },
{ name: 'Seafood Pasta', price: 18 },
{ name: 'Beef Stroganoff', price: 18 },
{ name: 'Thai Green Curry', price: 20 },
],
desserts: [
{ name: 'Caramel Flan', price: 5 },
{ name: 'Old English Trifle', price: 8 },
{ name: 'Budapest Roll', price: 6 },
{ name: 'Nanimo Bar', price: 5 },
{ name: 'Lemon Drizzle Cake', price: 4 },
],
drinks: [
{ name: 'Martini', price: 7 },
{ name: 'Manhattan', price: 8 },
{ name: 'Cosmopolitan', price: 8 },
{ name: 'Whiskey Sour', price: 6 },
{ name: 'Mojito', price: 6 },
{ name: 'Margaria', price: 7 },
{ name: 'Old Fashion', price: 6 },
{ name: 'Bloody Mary', price: 9 },
{ name: 'White Russian', price: 7 },
{ name: 'Coffee', price: 3 },
{ name: 'Soda', price: 2 },
],
},
toggle(item) {
this.activeItem = (this.activeItem === item ? null : item);
this.open = true;
},
}
});
}
document.addEventListener('alpine:init',registerComponent,false);
|
