postcss-combine-media-query VS axios

First, just want to say I'm pretty new to having a full build-process and the Vue scene in general so apologies for my ignorance on these matters. I've been trying to get postcss-sort-media-queries to work for a solid day now. I cannot get it to run automatically. I installed postcss-cli and manually run it just fine so all the pieces are theoretically there. From my understanding, the postcss-config file doesn't work in Vue3. I have tried the following in package.json: "postcss": { "plugins": { "postcss-sort-media-queries": { "sort": "desktop-first" } } },   I've also tried the following in vue.config.js (please note, I've left all three options I've tried based on various formats I've seen in forums etc): const postcssSortMediaQueries = require("postcss-sort-media-queries"); ... css: { loaderOptions: { postcss: { postcssOptions: { plugins: [ ["postcss-sort-media-queries", {sort: "desktop-first"}], postcssSortMediaQueries({ sort: "desktop-first" }), require("postcss-sort-media-queries")({ sort: "desktop-first" }), ] } }, sass: { additionalData: @import "@/assets/styles/base/_variables.scss"; @import "@/assets/styles/mixins/_mixins.scss"; } } }, ...   There are no errors when running 'npm run build' so I have nothing to go off of as to why it's not firing. Thanks for any and all help!

That being said, I also use the postcss-combine-media-query (Github link) PostCSS plugin to combine all queries which matching conditions and move them to the end of the final file.

PostCSS is a POSTprocessor. It takes CSS and can do a number of things like combining media queries(combine-media-queries), replacing rules with vendor-prefixes (autoprefixer) or adding support for future-css properties (preset-env).

If your PWA requires displaying dynamic data, consider utilizing React libraries like axios or the built-in fetch API to retrieve data from APIs or servers.

axios

Also, copy this code to add axios

Typically, there are various ways to choose an HTTP client, and for this example, I've chosen axios.

axios: To fetch data from the Strapi CMS API and also to fetch responses from our Express server.

Note, you can use any library for HTTP requests like axios. This example uses the http and node-fetch libraries available on npm.

Interact with other APIs over an encrypted channel. For example, you can use Axios with Node.js.

For this article, I will be using the TypeScript Starter template as shown in the screenshot above. This comes with Nodejs, Cheerio, Axios

Axios is suitable for a wide range of web development projects, from simple single-page applications (SPAs) to complex, large-scale enterprise software.

Axios for streamlined API interactions, facilitating seamless data fetching.