Found it at http://quasar-framework.org/guide/app-quasar.conf.js.html#Build-Property

I have to use publicPath.

<style lang="stylus" scoped>
  main
    background: url(~assets/background.jpg) no-repeat center center fixed
</style>

This gives me the following error:

Module build failed: Error: /home/alex/github/node-admin-client/src/pages/index.vue:14:20   10| </template>
   12| <style lang="stylus" scoped>
   13|   main { 
   14|     background: url(~assets/background.jpg) no-repeat center center fixed;
--------------------------^   
TypeError: expected unit, but got ident:assets 

What can I do to fix this, using the same as CSS works.

After I build my nearly unchanged starter kit I find the files under dist/spa-mat. But if I add them to my server in a subdirectory I get some 404 errors caused by the setting <base href=/ > within the index.html which makes all links absolute. How to prevent this or where to set the application root correctly?

Looks like this comes from <base href="<%= htmlWebpackPlugin.options.appBase %>"> within the index.template.html file. But where to set this appBase?

The headings h1…h4 are a way to big in my opinion. How or there should I change them?

      <q-chips-input v-model="roles_chips" placeholder="Type some characters to search" 
        @duplicate="duplicate">
        <q-autocomplete @search="search" :debounce="100" />
      </q-chips-input> 

How can I prevent the user to add something which is not in the autocomplete search list?

Sorry, but won’t work for me, I got an vertical scrollbar without anything else, so I have to set minWidth and minHeight:

<q-modal v-model="$store.state.layout.login" @show="focusLogin"
  :content-css="{minWidth: '380px', minHeight: '330px'}">
  <!-- wont work: :content-css="{height: 'auto', width: 'auto'}">  -->
  <q-modal-layout>
    <q-toolbar slot="header">
      <q-btn flat round dense v-close-overlay
        icon="keyboard_arrow_left"
        :title="$t('layout.goBack')" />
      <q-toolbar-title>{{ $t('layout.login.title') }}</q-toolbar-title>
    </q-toolbar>
    <div class="q-pa-md">
      <q-field class="q-pb-md"
        icon="email"
        :label="$t('layout.login.email')"
        orientation="vertical"
        :error="$v.loginData.email.$error"
        :error-label="$t('layout.login.emailError')"
        >
        <q-input v-model.trim="loginData.email"
          type="email"
          placeholder="demo@alinex.de"
          autofocus
          ref="loginEmail"
          @blur="$v.loginData.email.$touch"
          />
      </q-field>
      <q-field
        icon="vpn key"
        :label="$t('layout.login.password')"
        orientation="vertical"
        :error="$v.loginData.password.$error"
        :error-label="$t('layout.login.passwordError')"
        >
        <q-input v-model="loginData.password"
          type="password" clearable
          placeholder="demo123"
          @blur="$v.loginData.password.$touch"
          @keyup.enter="login"
          />
      </q-field>
      <div class="q-pt-md float-right">
        <q-btn color="primary" icon="lock"
          :label="$t('layout.login.submit')"
          @click="login" />
      </div>
    </div>
  </q-modal-layout>
</q-modal>

Building the SPA or PWA works great, but if I build electron I got:

WARNING in ./node_modules/bindings/bindings.js
81:22-40 Critical dependency: the request of a dependency is an expression
@ ./node_modules/bindings/bindings.js
@ ./node_modules/utf-8-validate/index.js
@ ./node_modules/ws/lib/validation.js
@ ./node_modules/ws/lib/receiver.js
@ ./node_modules/ws/index.js
@ ./node_modules/engine.io-client/lib/transports/websocket.js
@ ./node_modules/engine.io-client/lib/transports/index.js
@ ./node_modules/engine.io-client/lib/socket.js
@ ./node_modules/engine.io-client/lib/index.js
@ ./node_modules/socket.io-client/lib/manager.js
@ ./node_modules/socket.io-client/lib/index.js
@ ./src/feathers.js
@ ./src/plugins/feathers.js
@ ./.quasar/entry.js
@ multi ./.quasar/entry.js

WARNING in ./node_modules/bindings/bindings.js
81:43-53 Critical dependency: the request of a dependency is an expression
@ ./node_modules/bindings/bindings.js
@ ./node_modules/utf-8-validate/index.js
@ ./node_modules/ws/lib/validation.js
@ ./node_modules/ws/lib/receiver.js
@ ./node_modules/ws/index.js
@ ./node_modules/engine.io-client/lib/transports/websocket.js
@ ./node_modules/engine.io-client/lib/transports/index.js
@ ./node_modules/engine.io-client/lib/socket.js
@ ./node_modules/engine.io-client/lib/index.js
@ ./node_modules/socket.io-client/lib/manager.js
@ ./node_modules/socket.io-client/lib/index.js
@ ./src/feathers.js
@ ./src/plugins/feathers.js
@ ./.quasar/entry.js
@ multi ./.quasar/entry.js

app:build [SUCCESS] ELECTRON with "mat" theme in "dist/electron-mat/UnPackaged" folder +1ms

What can I do, I already added the following npm modules to my dev dependencies: bufferutil utf-8-validate bindings

But the warning stays. Althought the build looks successful.

You need to set the publicPath see http://quasar-framework.org/guide/app-quasar.conf.js.html#Build-Property

Is there no possibility to decrease font size of h1…h3 globally?
I don’t want to use <p class=“h1”> everythere and add font size, weight and margin like it should be on heading.

How can I overwrite this basic stylus settings for font-size of headings?

The headings h1…h4 are a way to big in my opinion. How or there should I change them?

I want to have multiple carousel elements in one page but withh different scroll times. If I set autoplay with different times it won’t work but all slide together.

Is this a bug?

Thanks, that’s it - so simple.