<script>
import { onMount } from 'svelte';
import { bookData } from './bookData.js';
import Menu from './Menu.svelte';
import Search from './Search.svelte';
import Book from './Book.svelte';
import NoResults from './NoResults.svelte';
let languages = []; // menu built from bookData
let selectedLang = ""; // menu selection
const getLanguages = () => {
for (let bookObj of bookData) {
if (!languages.includes(bookObj.language)) {
languages = [...languages, bookObj.language]
}
}
languages = languages.sort();
}
onMount(() => getLanguages());
// Query results
let filteredBooks = [];
// For Select Menu
$: if (selectedLang) getBooksByLang();
$: console.log(filteredBooks, selectedLang);
const getBooksByLang = () => {
// resets search input if menu is being used
searchTerm = "";
if (selectedLang === "all") {
return filteredBooks = [];