Zero Overhead

 <div class="intro-y col-span-12 overflow-auto lg:overflow-visible">
        <div class="my-3">
            <x-errors/>
            <x-session-error/>
            <x-success/>
        </div>
        <div class="overflow-y-auto pb-5">
            <div id="table-wrapper">

            </div>
        </div>
        <!-- END: Data List -->
        <!-- BEGIN: Pagination -->
    </div>

    <div id="modals"></div>

    <button id="edit_admin_btn" data-tw-toggle="modal" data-tw-target="#edit-admin-modal"
            style="visibility:hidden"></button>
    <form action="admin" method="POST" id="search_form">

        <input type="hidden" name="order_by" id="order_by">
        <input type="hidden" name="order_direction" id="order_direction">
        <input type="hidden" name="per_page" value="">
        <input type="hidden" name="search_input" id="search_form_input" value="">
    </form>


                
            

<template>
  <div class="container mx-auto pt-2 md:pt-10">
    <div class="px-2 lg:px-0 flex flex-col lg:flex-row justify-between items-center lg:items-start w-full gap-2 md:gap-10">
      <div class="w-full md:w-3/5">
        <h1 class="text-2xl text-teal-200 mb-1 md:mb-5">Basket</h1>

        <div v-if="cartItems.length">
          <div class="custom-scroll md:max-h-[70vh] max-h-screen md:h-auto">
            <div v-for="(cartItem, index) in cartItems" :key="cartItem.id"
                <option value="">Quantity</option>
                </select>
                <p class="text-white mt-3 font-bold text-lg"></p>
              </div>
            </div>
          </div>
        <div v-else>
          <h1 class="text-2xl italic text-teal-100 mt-5">No product added</h1>
        </div>
      </div>
  </div>
</template>

<script setup>
import { useCartStore } from '@/stores/cart';
import { computed, ref } from "vue";
import router from "@/router/index.js";
const cartStore = useCartStore();
const cartItems = computed(() => cartStore.cartItems);
const total = computed(() => cartStore.cartTotal());

function updateQuantity(cartItem, quantity) {
  cartStore.updateCartItemQuantity(cartItem.cart_id, quantity);
  $toast.success('Product quantity changed', { duration: 2500 });
}

function toggleModalImages(show) {
  showImagesModal.value = show;
}
</script>

<style>
/* Add any relevant styles here */
</style>

            

function HomeScreen({ home_posts, navigation }) {
    const [page, setPage] = useState(1);
    const dispatch = useDispatch();
    useEffect(() => dispatch(getSearchPosts({ page, home_posts: true })), [page]);

    const fetchMoreData = () => !home_posts_last_page && setPage(page + 1);
    const userGreeting = () => (getCurrentTime() < 12 ? "Good Morning" : "Good Evening");

    return (
        <View style={styles.container}>
            <Text>{userGreeting()}, you have {home_posts.length} posts.</Text>
            <FlatList
                data={home_posts}
                onEndReached={fetchMoreData}
                renderItem={({ item }) => <Post post={item} />}
                ListFooterComponent={() => <ActivityIndicator animating={!home_posts_last_page} />}
            />
        </View>
    );
}
            

                    101010101010101010101010           101010101010101
                    101010101010100101010101         1010101010101010101
                                    10101010        10101      1010 10101
                                  101010101         10101     1010  10101
                                1010101010          10101    1010   10101
                              1010101010            10101   1010    10101
                            1010101010              10101  1010     10101
                          1010101010                10101 1010      10101
                        1010101010                  101011010       10101
                      1010101010                    10101010        10101
                    1010101010                      101010          10101
                    101010101010101010101010  1010   1010101010101010101
                    101010101010101010101010  1010     101010101010101