Fullscreen Plugin Undefined When Added Manually in 'plugins' Field in quasar.conf.js

[snowdrop]

I’m trying to use 'AppVisibility' plugin in Quasar v0.15.1 by adding it on the plugins field in quasar.conf.js like this based on the docs:

plugins: ['AppVisibility']

Then on my Vue component, I put the following code to run it in fullscreen mode on the created life cycle hook:

created () {
   this.$q.fullscreen.request()
}

but the Javascript console throws error like this:

[Vue warn]: Error in created hook: "TypeError: Cannot read property 'request' of undefined"

Changing the framework field in quasar.conf.js to all fixes the error.

How can I use AppVisibility plugin manually so that unnecessary components will not be included in the project? I also thought that it could be a typo and tried 'AppFullscreen' but still the problem persists.

[Akaryatrh]

@snowdrop It’s indeed a typo, if you want to use fullscreen capability you need the plug-in AppFullscreen. Now, fullscreen mode can only be activated by a user action, not automatically.

BTW, Chrome (and maybe other Browsers, I didn’t check) warns about this in the console:

Failed to execute ‘requestFullscreen’ on ‘Element’: API can only be initiated by a user gesture.

[snowdrop]

@Akaryatrh thanks for the info. I’ll take note of this one.