No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. Younghun Jung
    Y
    • Profile
    • Following 0
    • Followers 0
    • Topics 3
    • Posts 6
    • Best 2
    • Groups 0

    Younghun Jung

    @Younghun Jung

    2
    Reputation
    47
    Profile views
    6
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    Younghun Jung Follow

    Best posts made by Younghun Jung

    • RE: Change vuex store with modules syntax?

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

      export default getters
      
      posted in Help
      Y
      Younghun Jung
    • Path of Webpack Configuration File

      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.

      posted in Framework
      Y
      Younghun Jung

    Latest posts made by Younghun Jung

    • Set Initial Configuration of App window on building electron

      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?

      posted in Framework
      Y
      Younghun Jung
    • RE: How can I copy template source code about quasar components?

      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.

      posted in Framework
      Y
      Younghun Jung
    • RE: How can I copy template source code about 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?

      posted in Framework
      Y
      Younghun Jung
    • How can I copy template source code about quasar components?

      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>
      
      posted in Framework
      Y
      Younghun Jung
    • RE: Change vuex store with modules syntax?

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

      export default getters
      
      posted in Help
      Y
      Younghun Jung
    • Path of Webpack Configuration File

      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.

      posted in Framework
      Y
      Younghun Jung