No More Posting New Topics!

Hi, any updates on this topic? I have the same problem, I installed QCalendar via Quasar Cli with

quasar ext add @quasar/qcalendar

and when I’m trying an example from the example page by copying the template then the script part, my console from browser prints:

ReferenceError: QCalendar is not defined

The example which I want to use is the QCalendar(Month) with daily slots.

@gruppler Figured it out! Just need to run the src through encodeURIComponent first.

Turn on mobile mode

@David5446 None of the UI app extensions support quasar v2 (Vue v3) yet

Another secret feature of the Quasar. 👾
I feel lucky clicking the forum today.
Now let me see if I can create a learning app with that 😃

@rainer9202 You will need to import the Apollo Client into your js file.

I created my own Apollo Client boot file and I am using Vuex. Vuex is just a JavaScript file. Not an exact match to what you are doing but should be close enough to get you started. Hope this helps.

Here is how I import the Apollo Client into a Vuex js file.

import gql from 'graphql-tag' import { apolloProvider } from 'boot/apolloClient' import { Notify } from 'quasar' const gqlClient = apolloProvider.defaultClient

This is an example of a query with parameters.

const response = await gqlClient.query({ query: gql` query AllScheduledRecordings( $orderBy: [OrderByFields] $filterBy: [FilterByFields] $between: [BetweenFields] $whereIn: [WhereInField] $page: Page ) { allScheduledRecordings( orderBy: $orderBy filterBy: $filterBy between: $between whereIn: $whereIn page: $page ) { oid name channelOid recurrenceOid channelName filename status startTimeLocal endTimeLocal failureReason eventDetails landscapeUrl posterUrl logoUrl videoFiles { name base dir ext baseURL } } } `, variables: { ...payload } })