WebWizard/nuxt.config.js at main · Black-Lights/WebWizard · 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
export default {
  ssr: false,
  target: "static",
  generate: {
    dir: "dist", // this is the default value, so it may not be necessary
  },

  head: {
    script: [
      {
        src: `https://maps.googleapis.com/maps/api/js?key=${process.env.GOOGLE_MAPS_API_KEY}&libraries=places`,
        defer: true,
      },
    ],
    titleTemplate: "%s - Guiding Light",
    title: "Guiding Light",
    htmlAttrs: {
      lang: "en",
    },
    meta: [
      { charset: "utf-8" },
      {
        name: "viewport",
        content: "width=device-width, initial-scale=1, maximum-scale=1",
      },
      {
        hid: "description",
        name: "description",
        content:
          "Guiding Light - Empowering the community through various activities, projects, and services.",
      },
      { name: "format-detection", content: "telephone=no" },
      // Open Graph / Facebook
      { property: "og:site_name", content: "Guiding Light" },
      { property: "og:type", content: "website" },
      { property: "og:url", content: "https://www.guiding-light.com" },
      { property: "og:title", content: "Guiding Light" },
      {
        property: "og:description",
        content:
          "Empowering the community through various activities, projects, and services.",
      },
      { property: "og:image", content: "/images/og-image.jpg" },
      // Twitter
      { name: "twitter:card", content: "summary_large_image" },
      { name: "twitter:site", content: "@GuidingLight" },
      { name: "twitter:url", content: "https://www.guiding-light.com" },
      { name: "twitter:title", content: "Guiding Light" },
      {
        name: "twitter:description",
        content:
          "Empowering the community through various activities, projects, and services.",
      },
      { name: "twitter:image", content: "/images/twitter-image.jpg" },
      // Additional meta tags
      {
        name: "keywords",
        content:
          "guiding light, community, activities, projects, services, empowerment",
      },
      { name: "author", content: "Guiding Light Team" },
      { name: "theme-color", content: "#ffffff" },
    ],
    link: [
      { rel: "icon", type: "image/x-icon", href: "/gl.ico" },
      {
        rel: "stylesheet",
        href: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap",
      },
    ],
  },

  css: ["~/assets/styles/main.css", "~/assets/css/tailwind.css"],
  plugins: [
    "@/plugins/vuetify.js",
    "~/plugins/composition-api.js", // For enabling Composition API in Vue 2.x
    "~/plugins/supabase.js", // For Supabase client
    "~/plugins/toast.js", // For toast notifications
  ],

  publicRuntimeConfig: {
    SUPABASE_URL: process.env.SUPABASE_URL,
    SUPABASE_KEY: process.env.SUPABASE_KEY,
  },

  env: {
    googleMapsApiKey: process.env.GOOGLE_MAPS_API_KEY,
  },

  components: true,
  buildModules: [
    "@nuxtjs/vuetify",
    "@nuxtjs/eslint-module",
    "@nuxtjs/tailwindcss",
    "@nuxtjs/composition-api/module",
  ],
  modules: ["@nuxtjs/tailwindcss"],
  vuetify: {
    customVariables: ["~/assets/variables.scss"],
    optionsPath: "./vuetify.options.js",
    theme: {
      dark: false,
      themes: {
        light: {
          primary: "#1976D2",
          secondary: "#424242",
          accent: "#82B1FF",
          error: "#FF5252",
          info: "#2196F3",
          success: "#4CAF50",
          warning: "#FFC107",
        },
      },
    },
  },
  build: {
    // Extend Webpack configuration as needed
    extend(config, { isDev, isClient }) {
      if (isClient) {
        // Add custom Webpack configuration here
      }
    },
  },
  server: {
    host: "0.0.0.0",
    port: 3000,
  },
};