Hello Everyone,
I just want to share my results after so many failed attempts to integrate purgecss with webpack. I only managed to make it work after the build, so this is my idea:

• install purgecss globally

npm install -g purgecss

• add purgecss --config ./purgecss.config.js in the scripts after the build

"scripts": {
    "build": "quasar build && purgecss --config ./purgecss.config.js"
}

• make a purgecss.config.js file and just whitelist what I need

module.exports = {
  content: ["./dist/spa/js/*.js"],
  css: ["./dist/spa/css/*.css"],
  output: ["./dist/spa/css/"],
  fontFace: true,
  keyframes: true,
  variables: true,
  rejected: true,
  safelist: {
    standard: [/fixed-.*/, /absolute-.*/, /q-btn.*/, /justify-.*/]
  }
};

Thats it…

@larskuerten You are right i can see it in chrome, I’ll get back to you

@stanley
if you mean that you want to change the build dist path, you can add distDir property in the build config.

in quasar.conf.js

module.exports = function(ctx) {
  return {
    ...
    build: {
      ...
      distDir: "./path/to/target/folder/relative/to/quasar.conf.js",
      ...
    }
    ...
  }
}

@larskuerten after a fresh install locally it works fine. the problem comes from codesandbox.io browser itself
preview your link directly: https://2nt0e.sse.codesandbox.io/
it’s fine

@jmriyaz84 Any time, glad to help

–
Quasar === THE BEST

don’t waste your time with IE support, don’t even think about IE
even the old enterprise&companies are moving on. IE NO MORE

@jmriyaz84 You can add me on discord same username or here , you’re welcome anytime.

check this out
https://cloud.google.com/speech-to-text

@xdesai You can delete:
<template v-slot:body-selection=“scope”>
<q-checkbox v-model=“scope.selected” />
</template>

and add the checkbox in body slot - under q-tr

<template v-slot:body="props">
    <q-tr :props="props">
        <q-td>
            <q-checkbox v-model="props.selected"/>
        </q-td>
        ...
    </q-tr>
</template>

@seriusrod You are clicking the btn on the client side, at that time the method 'll be working on the client only. while in the boot file you’re injecting $myWrapper to the server instance it’s another instance

@wpq You could setup a method and pass the tag or index onclick and set it from the method.
Edit: and don’t forget the :key

@rajrana use (!important)

@jmriyaz84 both, you need to create both and test them and see what is easier to manage for you

@xdesai You can delete:
<template v-slot:body-selection=“scope”>
<q-checkbox v-model=“scope.selected” />
</template>

and add the checkbox in body slot - under q-tr

<template v-slot:body="props">
    <q-tr :props="props">
        <q-td>
            <q-checkbox v-model="props.selected"/>
        </q-td>
        ...
    </q-tr>
</template>

@rajrana sometimes you need !important

@rajrana It’s just css&classes you can overwrite it. try it without scoped or in main style file

@hoanganhcit https://forum.quasar-framework.org/post/29456

@rajrana First check the component’s Api/Props/Style. for other use cases Inspect the html and overwrite by class

inside /var/www/front/dist/ssr
run
npm install
npm run start

@jmriyaz84 You can add me on discord same username or here , you’re welcome anytime.

check this out
https://cloud.google.com/speech-to-text

@murilolivorato Do you realize that you’re trying to serve the ssr folder statically.
It doesn’t work like that, the app in ssr folder need to be started like any other nodejs app first then goto nginx

https://quasar.dev/quasar-cli/developing-ssr/deploying