Question: I am asking for help for an issue i've been trying to solve for hours and hours, in vain.
I am working with google query() on google spreadsheets.
So i have this kind of table (lets say A1:E3)

| Client | Bank receipt | Start Date | End date | Value |
| --- | --- | --- | --- | --- |
| John | #1 | 14/10/2021 | 31/10/2021 | 500 |
| John | #2 | 14/10/2021 | 31/12/2021 | 500 |

To make it clearer, the bank receipts are values that have a start date and an end date. So that bank receipt #2 covers 500 for october, november and december.
What i am trying to do is a chronological table (with months in columns) that shows me the amount of bank receipt coverage for john during the year, so that to get this kind of result:

|  |  | October | November | December |
| --- | --- | --- | --- | --- |
| John | Bank receipts | 1000 | 500 | 500 |

This is the first step of a longer query but i need to get data returned this way to be able to go on.

I tried to look for ways to return every month of date range but only founds posts talking abount google scripts i can't play with. I also tried using SEQUENCE() which seemed to work with some tricks until i put from 2021/12/15 to 2022/03/31 and it returned like 14 because of the year changing. So i am quite out of solutions. I precise that i am new to using google queries so i might miss some obvious things.

Thanks a lot to who might help

Answer: 
Try like this (in composition API you use ref or reactive instead data function, and you return your functions/reactive data):

```
<template>
    <div class="hamburger-toggle" @click="toggle" :class="{ nav__open: isActive }">
</template>

<script>
import { ref } from "@vue/reactivity";
export default {
  name: "navbar",
  setup() {
    const isActive = ref(true)
    const toggle = () => {
      isActive.value = !isActive.value
    }
  return { isActive, toggle }
}
</script>

```
Also, it will work with a little less code:

```
<template>
  <div @click="isActive = !isActive"> ... </div>
</template>

<script setup>
import { ref } from "vue";
const isActive = ref(true)
</script>

```

you can read here about the [`<script setup>`](https://blog.vuejs.org/posts/vue-3.2.html)