Updated module to make it easier to get started with the woonuxt-sett…

…ings plugin.

.env.example

@@ -15,5 +15,5 @@ STRIPE_PUBLISHABLE_KEY="pk_test_abcdefghijklmnopqrstuvwxyz"
 PRIMARY_COLOR="#ff0000"
 
 # Needed for nuxt-image to work with external images
-NUXT_IMAGE_DOMAINS="example.com"
+NUXT_IMAGE_DOMAINS="example.com, example.org"
 

README.md

@@ -16,7 +16,7 @@ The goal of WooNuxt is to provide a modern, fast, and SEO friendly front-end for
 
 ## Get Started
 
-- Download the [WooNuxt Settings](https://github.com/scottyzen/woonuxt-settings/releases/download/1.0.27/woonuxt-settings.zip) plugin.
+- Download the [WooNuxt Settings](https://github.com/scottyzen/woonuxt-settings/releases/download/1.0.29/woonuxt-settings.zip) plugin.
 - Install and activate the plugin on your WordPress site. This will install all the required plugins for WooNuxt, add some useful fields to the WPGraphQL schema, and automatically retrieve the WooCommerce payment gateway settings for Stripe and PayPal.
 - Once the plugin is activated your ready to deploy WooNuxt on a whatever hosting you like, or click one onf the fast deploy button below.
 - Once the plugin is activated the only required environment variable is `GQL_HOST`. Checkout the .env.example file for more details.
@@ -59,7 +59,7 @@ The goal of WooNuxt is to provide a modern, fast, and SEO friendly front-end for
 | WooGraphQL     | GraphQL API for WooCommerce              | https://woographql.com/                     |
 | WPGraphQL Cors | Enable CORS for WPGraphQL                | https://github.com/funkhaus/wp-graphql-cors |
 
-> **Note** The the [WooNuxt Settings](https://github.com/scottyzen/woonuxt-settings/releases/download/1.0.27/woonuxt-settings.zip) plugin will help you install all the required plugins.
+> **Note** The the [WooNuxt Settings](https://github.com/scottyzen/woonuxt-settings/releases/download/1.0.29/woonuxt-settings.zip) plugin will help you install all the required plugins.
 
  
 

netlify.toml

@@ -1,5 +1,6 @@
 [template.environment]
   GQL_HOST = "WordPress URL http://example.com"
+  NUXT_IMAGE_DOMAINS = "Comma separated list of domains. example.com,example2.com"
 
 [build]
   command = "npm run generate"

nuxt.config.ts

@@ -17,6 +17,21 @@ export default defineNuxtConfig({
     '@nuxt/image-edge'
   ],
 
+  image: {
+    domains: process.env.NUXT_IMAGE_DOMAINS ? process.env.NUXT_IMAGE_DOMAINS.replace(/ /g, '').split(',') : [],
+  },
+
+  'graphql-client': {
+    codegen: process.env.PUBLIC_INTROSPECTION_ENABLED !== 'on' ? false : {
+      silent: true,
+      skipTypename: true,
+      useTypeImports: true,
+      dedupeFragments: true,
+      onlyOperationTypes: true,
+      disableOnBuild: false
+    }
+  },
+
   hooks: {
     'pages:extend'(pages) {
       pages.push({ name: 'product-page-pager', path: '/products/page/:pageNumber', file: '~/pages/products.vue' });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "woonuxt",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "private": true,
   "scripts": {
     "build": "nuxt build",
@@ -26,7 +26,7 @@
     "vue-stripe-js": "^1.0.1"
   },
   "dependencies": {
-    "@stripe/stripe-js": "^1.47.0",
+    "@stripe/stripe-js": "^1.48.0",
     "@vueform/slider": "^2.1.7",
     "nuxt-graphql-client": "^0.2.25",
     "ohmyfetch": "^0.4.21"

woonuxt-settings-module/woonuxt-settings.ts

@@ -8,7 +8,6 @@ query getWooNuxtSettings {
     logo
     publicIntrospectionEnabled
     frontEndUrl
-    domain
     maxPrice
     productsPerPage
     global_attributes {
@@ -49,12 +48,7 @@ export default defineNuxtModule<ModuleOptions>({
 
       // Default env variables
       process.env.PRIMARY_COLOR = data.woonuxtSettings?.primary_color || '#7F54B2';
-      process.env.PUBLIC_INTROSPECTION_ENABLED = data.woonuxtSettings?.publicIntrospectionEnabled || 'off';
-      const nuxtImageDomains = process.env.NUXT_IMAGE_DOMAINS ? process.env.NUXT_IMAGE_DOMAINS.replace(/ /g, '').split(',') : [];
-
-      nuxt.options.image = {
-        domains: [...nuxtImageDomains, data.woonuxtSettings?.domain],
-      }
+      process.env.PUBLIC_INTROSPECTION_ENABLED = data.woonuxtSettings?.publicIntrospectionEnabled === 'on' ? 'on' : 'false';
 
       // Default runtimeConfig
       nuxt.options.runtimeConfig.public.LOGO = data.woonuxtSettings?.logo || null;