You need to change your code in getters.js like below.

export default getters

Hi, I’m newbie and testing Quasar Framework on project in my company.
I admire the amazing features of this framework…

And, I wondering that how can I access webpack.config.js file.
I checked default webpack configuration in terminal log by

extendWebpack (cfg) {
   console.log(cfg)
}

Of course, I know that I can handle webpack configuration in quasar.conf.js (extendWebpack).
However, How can I handle webpack configuration using template from quasar framework?

In case of that I need to add some entry points for multiple-page application or need to change entry file name.
Is there anything other than the current method(modifying code related webapck in quasar.conf.js)?
(As default, I know that entry point is single(client-entry.js))

In other words, I wonder the way that I can handle webpack configuration file more flexibly like create customized webpack.config.js file.

Thanks in advance.

How can I set initial configuration about electron app?

For example,
When I build application at electron mode, I have set initial window size on electron-main.js

File Path: /src-electron/main-process/electron-main.js

function createWindow () {
  /**
   * Initial window options
   */
  mainWindow = new BrowserWindow({
    width: 2000, // custom value
    height: 900, // custom value
    useContentSize: true
  })
...

I found it on my way

Q. 1
Is there any problem when I change this configuration on electron-main.js?
I cannot find quasar documentation texts about changing electron app configuration on this file.

Q. 2
What is meaning of ‘useContentSize’ option?

Thanks for your help.
I think that we can use QSelect component as mixin.

building-reusable-components

From this texts, We can use quasar component as mixin like below.
(Please see #mixin part)

import { QSelect } from 'quasar'

export default {
  mixin: [QSelect]
}

In this way, I cannot handle template of QSelect. So We need to copy source of QSelect and use it as template. So, I asked where can I get template source of quasar components.

Thanks for your answer.

I just want to create custom component with mixin using quasar component.(ex. QSelect)
And, I wonder how can I customize template of q-component, because mixin includes only functions which mean life cycle or methods, etc…

So, If I want to customize template, Do I need to handle render functions in quasar component source code?

I want to customize components from quasar framework.
In Mixin section in Building Reusable Components with Quasar by document, there are some texts.

we would end up with a component that has all the internal methods, properties and data from QSelect, but no template at all. So we would have to get to the source of QSelect and copy the whole template definition. This would work up until QSelect gets updated and you forget to update the template as well. Even if you only update minor versions, it could still break, because you are not relying on the external interface of QSelect, which is described in the docs, nor the internal code, which normally one should never have to care about.

So, How can I copy template source from Quasar Framework?
I have checked directory which is ‘node_modules/quasar-framework/src/components’ and found source related in template. but this source is composed of ‘render’ function. Can I get template source including html elements?(like below)

<template>
 <q-item class="q-item-link relative-position" v-ripple @click="toggle() || goToPage()">
        <q-item-main :label="$t(item.name)"/>
        <q-item-tile
        @click.stop="toggle()"
        icon="keyboard_arrow_down"
        class="transition-generic"
        :class="{'rotate-180': item.expanded}"
        ></q-item-tile>
      </q-item>
      <q-slide-transition>
        <div v-show="item.expanded">
          <div class="q-collapsible-sub-item relative-position indent">
       ...
</template>

You need to change your code in getters.js like below.

export default getters

Hi, I’m newbie and testing Quasar Framework on project in my company.
I admire the amazing features of this framework…

And, I wondering that how can I access webpack.config.js file.
I checked default webpack configuration in terminal log by

extendWebpack (cfg) {
   console.log(cfg)
}

Of course, I know that I can handle webpack configuration in quasar.conf.js (extendWebpack).
However, How can I handle webpack configuration using template from quasar framework?

In case of that I need to add some entry points for multiple-page application or need to change entry file name.
Is there anything other than the current method(modifying code related webapck in quasar.conf.js)?
(As default, I know that entry point is single(client-entry.js))

In other words, I wonder the way that I can handle webpack configuration file more flexibly like create customized webpack.config.js file.

Thanks in advance.