diff --git a/.env.example b/.env.example
index 2f1110c..c57438e 100644
--- a/.env.example
+++ b/.env.example
@@ -1,5 +1,19 @@
-WORDPRESS_URL = https://wordpress.example.com
-GRAPHQL_ENDPOINT = https://wordpress.example.com/graphql
-DOMAIN = example.com
-STRIPE_PUBLISHABLE_KEY = pk_test_hYushiff8SDLQBTdWpHx5s192OzMpEh6o
-GOOGLE_TAG_MANAGER_ID = G-80Z4HSDMGR
\ No newline at end of file
+# GraphQL endpoint
+GQL_HOST="https://example.com/graphql"
+# If you have the WooNuxt-Settings plugin installed this is all you need. Everything else is optional and can be configured in the WordPress admin under Settings > WooNuxt.
+
+
+# If you don't have the plugin installed, you can configure the rest of the settings here.
+
+# number of products to be displayed per page
+PRODUCTS_PER_PAGE="24"
+
+# Stripe API key
+STRIPE_PUBLISHABLE_KEY="pk_test_abcdefghijklmnopqrstuvwxyz"
+
+# Color of input and button elements
+PRIMARY_COLOR="#ff0000"
+
+# Needed for nuxt-image to work with external images
+NUXT_IMAGE_DOMAINS="example.com"
+
diff --git a/.gitignore b/.gitignore
index ba17371..5b80d59 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,95 +1,12 @@
-# Created by .ignore support plugin (hsz.mobi)
-### Node template
-# Logs
-/logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# TypeScript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
+node_modules
+.nuxt
+nuxt.d.ts
+.output
.env
-
-# parcel-bundler cache (https://parceljs.org/)
+.env.local
+.DS_Store
+*.log*
+.nitro
.cache
-
-# next.js build output
-.next
-
-# nuxt.js build output
-.nuxt
-
-# Nuxt generate
dist
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless
-
-# IDE / Editor
-.idea
-
-# Service worker
-sw.*
-
-# macOS
-.DS_Store
-
-# Vim swap files
-*.swp
-
-.output
-
-# VSCode
.vscode
\ No newline at end of file
diff --git a/.nvmrc b/.nvmrc
deleted file mode 100644
index ca3f1e5..0000000
--- a/.nvmrc
+++ /dev/null
@@ -1 +0,0 @@
-v14
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
index e26daae..d7e94b3 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,4 +1,6 @@
{
"semi": true,
- "singleQuote": true
+ "singleQuote": true,
+ "bracketSameLine": true,
+ "printWidth": 140
}
\ No newline at end of file
diff --git a/README.md b/README.md
index 557cce6..db56188 100644
--- a/README.md
+++ b/README.md
@@ -1,17 +1,22 @@
-![Preview of WooNuxt](http://woonuxt.com/preview.png)
-
-This branch is for WooNuxt v2 built on Nuxt 2.15.8.
+![full](https://user-images.githubusercontent.com/5116925/218879668-f4c1f9fd-bef4-44b0-bc7f-e87d994aa3a1.png)
# Next Generation Front-End for WooCommerce
-- [Live Demo](https://demo.woonuxt.com/) ⚡️
-- [Second Demo](https://demo2-woonuxt.netlify.app/) ⚡️ ([Fork](https://github.com/zackha/woonuxt) by [@zackha](https://github.com/zackha))
+> **Note** This is the first iteration of the new WooNuxt built on Nuxt 3. It's under active development and has a lot of features still to be added. You can use the old version of WooNuxt on the [v2 branch](https://github.com/scottyzen/woonuxt/tree/v2) which is more stable.
-### Required WordPress Plugins
+## Introduction
-- [WPGraphQL](https://www.wpgraphql.com)
-- [WooGraphQL](https://woographql.com)
-- [WPGraphQL Cors](https://github.com/funkhaus/wp-graphql-cors)
+The goal of WooNuxt is to provide a modern, fast, and SEO friendly front-end for WooCommerce. It's built on top of Nuxt 3 and uses the WPGraphQL API to retrieve all the data it needs. It's also fully customizable and can be extended with your own components and modules. You can see a live demo of WooNuxt by clicking the button below.
+
+[Live Demo of WooNuxt](https://v3.woonuxt.com/) ⚡️
+
+## Get Started
+
+- Download the [WooNuxt Settings](https://github.com/scottyzen/woonuxt-settings/releases/download/1.0.8/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.
+
+[![button](https://user-images.githubusercontent.com/5116925/218880214-a16287a7-fd8c-4299-9e65-0871136f0771.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/scottyzen/woonuxt)
### Progress
@@ -22,18 +27,31 @@ This branch is for WooNuxt v2 built on Nuxt 2.15.8.
- Shipping ✅
- Checkout
- Stripe ✅
- - Paypal ⏳
- - Click & Collect
+ - Paypal ✅
- Cash on Delivery ✅
- Filtering ✅
- Wishlists ✅
-- Account ⏳
-- Coupons
+- Account ✅
+- Coupons ✅
+
+### Required WordPress Plugins
+
+- [WPGraphQL](https://www.wpgraphql.com)
+- [WooGraphQL](https://woographql.com)
+- [WPGraphQL Cors](https://github.com/funkhaus/wp-graphql-cors)
#### Tested up to:
- WordPress 6.1.1
-- WooCommerce 7.3.0
-- WPGraphQL 1.13.8
-- WooGraphQL 0.12.1
+- WooCommerce 7.1.1
+- WPGraphQL 1.13.7
+- WooGraphQL 0.12.0
- Node 16.18.1
+
+### Todos
+
+- Product Reviews
+- product Category Pages
+- WooNuxt Settings - Module
+- Better Typescript Support
+- Mobile layout
diff --git a/app.vue b/app.vue
new file mode 100644
index 0000000..22f379b
--- /dev/null
+++ b/app.vue
@@ -0,0 +1,159 @@
+
+
+
+
- We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy
- with it.
-
-