kbalance_quasar_pwa/quasar.config.js at main · cattabiani/kbalance_quasar_pwa · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
// quasar.config.js
import { configure } from 'quasar/wrappers';

export default configure(() => ({
  boot: ['apexcharts'],

  css: ['app.scss'],

  extras: ['roboto-font', 'material-icons'],

  build: {
    target: {
      browser: ['es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1'],
      node: 'node20',
    },

    vueRouterMode: 'hash', // hash mode works best for GH Pages
    publicPath: '/kbalance_quasar_pwa/',
    vitePlugins: [],
  },

  devServer: {
    open: true,
  },

  framework: {
    config: {},
    plugins: ['Notify'],
  },

  animations: [],

  ssr: {
    pwa: true,
    prodPort: 3000,
    middlewares: ['render'],
  },

  pwa: {
    workboxMode: 'GenerateSW',
    injectPwaMetaTags: true,
    swFilename: 'sw.js',
    manifestFilename: 'manifest.json',
    useCredentialsForManifestTag: false,

    workboxOptions: {
      skipWaiting: true,
      clientsClaim: true,
    },

    extendManifestJson(json) {
      Object.assign(json, {
        name: 'kBalance',
        short_name: 'kBalance',
        description: 'A simple balance-tracking app to manage finances.',
        display: 'standalone',
        start_url: './',
        theme_color: '#1976D2',
        background_color: '#ffffff',
        icons: [
          {
            src: 'icons/icon-192x192.png',
            sizes: '192x192',
            type: 'image/png',
          },
          {
            src: 'icons/icon-512x512.png',
            sizes: '512x512',
            type: 'image/png',
          },
        ],
        screenshots: [
          {
            src: 'screenshots/sheet.jpeg',
            sizes: '985x2048',
            type: 'image/jpeg',
          },
          {
            src: 'screenshots/transaction.jpeg',
            sizes: '985x2048',
            type: 'image/jpeg',
          },
          {
            src: 'screenshots/newPageWizard.jpeg',
            sizes: '985x2048',
            type: 'image/jpeg',
          },
          {
            src: 'screenshots/convert.jpeg',
            sizes: '985x2048',
            type: 'image/jpeg',
          },
        ],
      });
    },
  },

  cordova: {},
  capacitor: { hideSplashscreen: true },

  electron: {
    inspectPort: 5858,
    bundler: 'packager',
    packager: {},
    builder: { appId: 'kbalance-quasar-pwa' },
  },

  bex: { contentScripts: ['my-content-script'] },
}));