nuxt-client/quasar.config.ts at main · ZOO-Project/nuxt-client · 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
import type { QuasarPlugins, QuasarIconSets } from 'quasar';

export type QuasarFontIconSet =
    | "bootstrap-icons"
    | "eva-icons"
    | "fontawesome-v5"
    | "fontawesome-v5-pro"
    | "fontawesome-v6"
    | "fontawesome-v6-pro"
    | "ionicons-v4"
    | "line-awesome"
    | "material-icons"
    | "material-icons-outlined"
    | "material-icons-round"
    | "material-icons-sharp"
    | "material-symbols-outlined"
    | "material-symbols-rounded"
    | "material-symbols-sharp"
    | "mdi-v3"
    | "mdi-v4"
    | "mdi-v5"
    | "mdi-v6"
    | "mdi-v7"
    | "themify";

export function defineQuasarConfig(): {
    iconSet: QuasarIconSets;
    plugins: (keyof QuasarPlugins)[];
    extras: { fontIcons: QuasarFontIconSet[] };
    config: {
        loadingBar: { color: string; size: string; position: "top" | "right" | "bottom" | "left" | undefined };
        brand: {
            primary: string;
            secondary: string;
            accent: string;
            dark: string;
            "dark-page": string;
            positive: string;
            negative: string;
            info: string;
            warning: string;
        };
    };
} {
    return {
        plugins: ['LoadingBar', 'Loading', 'Dialog', 'Notify', 'LocalStorage'],
        config: {
            brand: {
                primary: '#663e05',
                secondary: '#fefdeb',
                accent: '#9C27B0',
                dark: '#1D1D1D',
                "dark-page": '#121212',
                positive: '#21BA45',
                negative: '#C10015',
                info: '#31CCEC',
                warning: '#F2C037'
            },
            loadingBar: {
                color: 'blue',
                size: '3px',
                position: 'top'
            }
        },
        iconSet: 'material-icons',
        extras: {
            fontIcons: ['mdi-v5'],
        }
    };
}