No More Posting New Topics!

Turn on mobile mode

@hawkeye64 said in Problem Importing QCalendar:

When I have no import statement it gives me an error about QCalendar not being defined.

I did try importing the specific functions manually as you suggested:

import { QCalendar,getDateTime,getDayTimeIdentifier } from '@quasar/quasar-ui-qcalendar'

It still throws the same error. Also, it might be worth noting that visual studio code marks the import of the functions as unused, with the only used import being QCalendar.
Could it be an issue with how I am calling it? I pretty much copied the code from the examples page.

anchorDayTimeIdentifier () { if (this.anchorTimestamp !== null) { return QCalendar.getDayTimeIdentifier(this.anchorTimestamp) } return false }, otherDayTimeIdentifier () { if (this.otherTimestamp !== null) { return QCalendar.getDayTimeIdentifier(this.otherTimestamp) } return false },

@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 } })