From 598a11a3350aa306454320cfc4cb495cb798c3c7 Mon Sep 17 00:00:00 2001 From: Scott Kennedy Date: Mon, 20 Feb 2023 19:21:27 +0000 Subject: [PATCH] Move to v3 --- .env.example | 24 +- .gitignore | 99 +- .nvmrc | 1 - .prettierrc | 4 +- README.md | 50 +- app.vue | 159 + components/AccountMyDetails.vue | 37 +- components/AddToCartButton.vue | 56 - components/Cart.vue | 66 - components/CartCard.vue | 49 - components/CartTrigger.vue | 42 - components/CategoryCard.vue | 33 +- components/CategoryFilter.vue | 42 - components/ColorFilter.vue | 53 - components/CookieBanner.vue | 71 - components/EmptyCart.vue | 23 - components/Filters.vue | 165 - components/Footer.vue | 6 - components/Header.vue | 48 - components/HeroBanner.vue | 15 - components/Icons.vue | 226 - components/LoginAndRegisterForms.vue | 27 - components/MenuItems.vue | 9 - components/MenuTrigger.vue | 15 - components/MobileMenu.vue | 23 - components/MultiSearch.vue | 102 - components/OrderBy.vue | 30 - components/OrderList.vue | 45 +- components/Pagination.vue | 32 - components/ProductBackButton.vue | 32 - components/ProductCard.vue | 42 - components/ProductGrid.vue | 73 - components/ProductImageGallery.vue | 66 - components/ProductRow.vue | 19 - components/QuantityButtons.vue | 43 - components/ResultCount.vue | 27 - components/SCImg.vue | 80 - components/SCSlider.vue | 113 - components/SaleBadge.vue | 18 - components/Search.vue | 49 - components/ShareButton.vue | 63 - components/ShippingDetails.vue | 79 - components/ShippingOptions.vue | 54 - components/SignInLink.vue | 15 +- components/StarRating.vue | 14 - components/Stars.vue | 15 - components/SwipeCard.vue | 54 - components/WishListItem.vue | 55 +- components/WishlistButton.vue | 43 - components/cartElements/CartCard.vue | 41 + components/cartElements/CartTrigger.vue | 31 + components/cartElements/CloseIcon.vue | 16 + components/cartElements/EmptyCart.vue | 9 + components/cartElements/SwipeCard.vue | 57 + components/{ => cartElements}/TrashIcon.vue | 6 +- components/elements/CloseModals.vue | 16 - components/elements/CountrySelect.vue | 266 - components/elements/Icon.vue | 29 - components/elements/LoadingIcon.vue | 40 - components/elements/Logo.vue | 19 - components/filtering/CategoryFilter.vue | 48 + components/filtering/ColorFilter.vue | 85 + components/filtering/Filters.vue | 153 + components/filtering/GlobalFilter.vue | 50 + components/filtering/OnSaleFilter.vue | 42 + components/filtering/PriceFilter.vue | 66 + components/filtering/ResetFiltersButton.vue | 11 + components/filtering/ShowFilterTrigger.vue | 17 + components/filtering/StarRatingFilter.vue | 55 + components/forms/Billing.vue | 102 +- components/forms/BillingDetails.vue | 65 +- components/forms/ChangePassword.vue | 40 +- components/forms/LoginAndRegister.vue | 65 + components/forms/LoginForm.vue | 52 - components/forms/PersonalInformation.vue | 75 +- components/forms/RegisterForm.vue | 52 - components/forms/Shipping.vue | 90 +- components/forms/ShippingDetails.vue | 56 + components/generalElements/AppFooter.vue | 58 + components/generalElements/AppHeader.vue | 20 + .../{ => generalElements}/Breadcrumb.vue | 8 +- components/generalElements/HeroBanner.vue | 27 + components/generalElements/LoadingIcon.vue | 42 + components/generalElements/Logo.vue | 26 + components/generalElements/MenuTrigger.vue | 26 + .../productElements/AddToCartButton.vue | 36 + .../AttributeSelections.vue | 96 +- components/productElements/ProductCard.vue | 82 + .../productElements/ProductImageGallery.vue | 99 + .../{ => productElements}/ProductPrice.vue | 15 +- components/productElements/ProductTabs.vue | 52 + components/productElements/ReviewsScore.vue | 47 + components/productElements/SaleBadge.vue | 22 + components/productElements/ShareButton.vue | 97 + components/productElements/StarRating.vue | 21 + components/productElements/WishlistButton.vue | 19 + components/shopElements/AddCoupon.vue | 52 + components/shopElements/Cart.vue | 51 + components/shopElements/CountrySelect.vue | 284 + components/shopElements/OrderByDropdown.vue | 36 + components/shopElements/OrderSummary.vue | 41 + components/shopElements/Pagination.vue | 79 + components/shopElements/PaymentOptions.vue | 54 + components/shopElements/ProductGrid.vue | 59 + components/shopElements/ProductRow.vue | 20 + components/shopElements/ProductSearch.vue | 27 + components/shopElements/ShippingOptions.vue | 59 + composables/useAuth.ts | 73 + composables/useCart.ts | 127 + composables/useCheckout.ts | 89 + composables/useFiltering.ts | 110 + composables/useHelpers.ts | 65 + composables/useProducts.ts | 12 + composables/useSearch.ts | 51 + composables/useSorting.ts | 76 + composables/useWishlist.ts | 43 + gql/fragments/CartFragment.gql | 17 +- gql/fragments/CustomerFragment.gql | 4 +- gql/fragments/SimpleProduct.gql | 19 +- gql/fragments/VariableProduct.gql | 33 +- gql/mutations/ADD_TO_CART.gql | 11 - gql/mutations/EMPTY_CART.gql | 9 - gql/mutations/addToCart.gql | 7 + gql/mutations/applyCoupon.gql | 13 + gql/mutations/changeShippingMethod.gql | 8 +- gql/mutations/checkout.gql | 24 +- gql/mutations/emptyCart.gql | 7 + gql/mutations/login.gql | 8 +- gql/mutations/logout.gql | 5 + gql/mutations/registerCustomer.gql | 11 +- gql/mutations/removeCoupon.gql | 7 + gql/mutations/updateCartQuantity.gql | 10 +- gql/mutations/updateCustomer.gql | 2 +- gql/queries/getAllColors.gql | 8 - gql/queries/getAllTerms.gql | 16 + gql/queries/getCart.gql | 6 +- gql/queries/getOrder.gql | 29 +- gql/queries/getOrders.gql | 4 +- gql/queries/getProduct.gql | 35 +- gql/queries/getProductCategories.gql | 7 +- gql/queries/getProducts.gql | 22 +- layouts/default.vue | 189 - netlify.toml | 39 +- nuxt.config.js | 131 - nuxt.config.ts | 39 + nuxt.d.ts | 13 - package.json | 53 +- pages/account.vue | 64 - pages/categories.vue | 22 +- pages/checkout.vue | 406 +- pages/contact.vue | 16 +- pages/faq.vue | 13 - pages/index.vue | 103 +- pages/logout.vue | 47 - pages/my-account.vue | 57 + pages/order-summary.vue | 247 +- pages/product/[slug].vue | 206 + pages/product/_slug.vue | 222 - pages/products.vue | 213 +- pages/wishlist.vue | 23 +- plugins/vuex-persist.js | 9 - public/_redirects | 0 public/icons/box.svg | 1 + public/icons/moneyback.svg | 1 + public/icons/package.svg | 1 + public/icons/pp.svg | 1 + public/icons/secure.svg | 1 + public/icons/shield.svg | 1 + public/icons/support.svg | 1 + {static => public}/images/chevron-down.svg | 0 {static => public}/images/cookie.png | Bin {static => public}/images/empty.svg | 0 {static => public}/images/hero-2.jpeg | Bin {static => public}/images/hero-3.jpg | Bin {static => public}/images/hero-4.jpg | Bin {static => public}/images/hero.jpeg | Bin {static => public}/images/log-in.svg | 0 .../images/logo-woocommerce.svg | 0 {static => public}/images/logoipsum-211.svg | 0 {static => public}/images/logoipsum-215.svg | 0 {static => public}/images/logoipsum-221.svg | 0 {static => public}/images/logoipsum-225.svg | 0 {static => public}/images/logoipsum-280.svg | 0 {static => public}/images/logoipsum-284.svg | 0 {static => public}/images/netlify-logo.svg | 0 {static => public}/images/nuxt_logo.svg | 0 public/images/paypal.svg | 1 + public/images/placeholder.jpg | Bin 0 -> 4803 bytes {static => public}/images/search.svg | 0 {static => public}/images/star.svg | 0 {static => public}/images/wpgraphql_logo.png | Bin {static => public}/logo.svg | 0 static/favicon.ico | Bin 1393 -> 0 bytes static/icon.png | Bin 13413 -> 0 bytes static/icon_maskable.png | Bin 19566 -> 0 bytes static/robots.txt | 1 - store/index.js | 57 - tsconfig.json | 19 +- types/index.d.ts | 152 + windi.config.js | 25 - windi.config.ts | 26 + woonuxt-settings-module/runtime/plugin.ts | 35 + woonuxt-settings-module/woonuxt-settings.ts | 75 + yarn.lock | 11025 ---------------- 204 files changed, 4667 insertions(+), 15551 deletions(-) delete mode 100644 .nvmrc create mode 100644 app.vue delete mode 100644 components/AddToCartButton.vue delete mode 100644 components/Cart.vue delete mode 100644 components/CartCard.vue delete mode 100644 components/CartTrigger.vue delete mode 100644 components/CategoryFilter.vue delete mode 100644 components/ColorFilter.vue delete mode 100644 components/CookieBanner.vue delete mode 100644 components/EmptyCart.vue delete mode 100644 components/Filters.vue delete mode 100644 components/Footer.vue delete mode 100644 components/Header.vue delete mode 100644 components/HeroBanner.vue delete mode 100644 components/Icons.vue delete mode 100644 components/LoginAndRegisterForms.vue delete mode 100644 components/MenuItems.vue delete mode 100644 components/MenuTrigger.vue delete mode 100644 components/MobileMenu.vue delete mode 100644 components/MultiSearch.vue delete mode 100644 components/OrderBy.vue delete mode 100644 components/Pagination.vue delete mode 100644 components/ProductBackButton.vue delete mode 100644 components/ProductCard.vue delete mode 100644 components/ProductGrid.vue delete mode 100644 components/ProductImageGallery.vue delete mode 100644 components/ProductRow.vue delete mode 100644 components/QuantityButtons.vue delete mode 100644 components/ResultCount.vue delete mode 100644 components/SCImg.vue delete mode 100644 components/SCSlider.vue delete mode 100644 components/SaleBadge.vue delete mode 100644 components/Search.vue delete mode 100644 components/ShareButton.vue delete mode 100644 components/ShippingDetails.vue delete mode 100644 components/ShippingOptions.vue delete mode 100644 components/StarRating.vue delete mode 100644 components/Stars.vue delete mode 100644 components/SwipeCard.vue delete mode 100644 components/WishlistButton.vue create mode 100644 components/cartElements/CartCard.vue create mode 100644 components/cartElements/CartTrigger.vue create mode 100644 components/cartElements/CloseIcon.vue create mode 100644 components/cartElements/EmptyCart.vue create mode 100644 components/cartElements/SwipeCard.vue rename components/{ => cartElements}/TrashIcon.vue (91%) delete mode 100644 components/elements/CloseModals.vue delete mode 100644 components/elements/CountrySelect.vue delete mode 100644 components/elements/Icon.vue delete mode 100644 components/elements/LoadingIcon.vue delete mode 100644 components/elements/Logo.vue create mode 100644 components/filtering/CategoryFilter.vue create mode 100644 components/filtering/ColorFilter.vue create mode 100644 components/filtering/Filters.vue create mode 100644 components/filtering/GlobalFilter.vue create mode 100644 components/filtering/OnSaleFilter.vue create mode 100644 components/filtering/PriceFilter.vue create mode 100644 components/filtering/ResetFiltersButton.vue create mode 100644 components/filtering/ShowFilterTrigger.vue create mode 100644 components/filtering/StarRatingFilter.vue create mode 100644 components/forms/LoginAndRegister.vue delete mode 100644 components/forms/LoginForm.vue delete mode 100644 components/forms/RegisterForm.vue create mode 100644 components/forms/ShippingDetails.vue create mode 100644 components/generalElements/AppFooter.vue create mode 100644 components/generalElements/AppHeader.vue rename components/{ => generalElements}/Breadcrumb.vue (73%) create mode 100644 components/generalElements/HeroBanner.vue create mode 100644 components/generalElements/LoadingIcon.vue create mode 100644 components/generalElements/Logo.vue create mode 100644 components/generalElements/MenuTrigger.vue create mode 100644 components/productElements/AddToCartButton.vue rename components/{ => productElements}/AttributeSelections.vue (53%) create mode 100644 components/productElements/ProductCard.vue create mode 100644 components/productElements/ProductImageGallery.vue rename components/{ => productElements}/ProductPrice.vue (52%) create mode 100644 components/productElements/ProductTabs.vue create mode 100644 components/productElements/ReviewsScore.vue create mode 100644 components/productElements/SaleBadge.vue create mode 100644 components/productElements/ShareButton.vue create mode 100644 components/productElements/StarRating.vue create mode 100644 components/productElements/WishlistButton.vue create mode 100644 components/shopElements/AddCoupon.vue create mode 100644 components/shopElements/Cart.vue create mode 100644 components/shopElements/CountrySelect.vue create mode 100644 components/shopElements/OrderByDropdown.vue create mode 100644 components/shopElements/OrderSummary.vue create mode 100644 components/shopElements/Pagination.vue create mode 100644 components/shopElements/PaymentOptions.vue create mode 100644 components/shopElements/ProductGrid.vue create mode 100644 components/shopElements/ProductRow.vue create mode 100644 components/shopElements/ProductSearch.vue create mode 100644 components/shopElements/ShippingOptions.vue create mode 100644 composables/useAuth.ts create mode 100644 composables/useCart.ts create mode 100644 composables/useCheckout.ts create mode 100644 composables/useFiltering.ts create mode 100644 composables/useHelpers.ts create mode 100644 composables/useProducts.ts create mode 100644 composables/useSearch.ts create mode 100644 composables/useSorting.ts create mode 100644 composables/useWishlist.ts delete mode 100644 gql/mutations/ADD_TO_CART.gql delete mode 100644 gql/mutations/EMPTY_CART.gql create mode 100644 gql/mutations/addToCart.gql create mode 100644 gql/mutations/applyCoupon.gql create mode 100644 gql/mutations/emptyCart.gql create mode 100644 gql/mutations/logout.gql create mode 100644 gql/mutations/removeCoupon.gql delete mode 100644 gql/queries/getAllColors.gql create mode 100644 gql/queries/getAllTerms.gql delete mode 100644 layouts/default.vue delete mode 100644 nuxt.config.js create mode 100644 nuxt.config.ts delete mode 100644 nuxt.d.ts delete mode 100644 pages/account.vue delete mode 100644 pages/faq.vue delete mode 100644 pages/logout.vue create mode 100644 pages/my-account.vue create mode 100644 pages/product/[slug].vue delete mode 100644 pages/product/_slug.vue delete mode 100644 plugins/vuex-persist.js create mode 100644 public/_redirects create mode 100644 public/icons/box.svg create mode 100644 public/icons/moneyback.svg create mode 100644 public/icons/package.svg create mode 100644 public/icons/pp.svg create mode 100644 public/icons/secure.svg create mode 100644 public/icons/shield.svg create mode 100644 public/icons/support.svg rename {static => public}/images/chevron-down.svg (100%) rename {static => public}/images/cookie.png (100%) rename {static => public}/images/empty.svg (100%) rename {static => public}/images/hero-2.jpeg (100%) rename {static => public}/images/hero-3.jpg (100%) rename {static => public}/images/hero-4.jpg (100%) rename {static => public}/images/hero.jpeg (100%) rename {static => public}/images/log-in.svg (100%) rename {static => public}/images/logo-woocommerce.svg (100%) rename {static => public}/images/logoipsum-211.svg (100%) rename {static => public}/images/logoipsum-215.svg (100%) rename {static => public}/images/logoipsum-221.svg (100%) rename {static => public}/images/logoipsum-225.svg (100%) rename {static => public}/images/logoipsum-280.svg (100%) rename {static => public}/images/logoipsum-284.svg (100%) rename {static => public}/images/netlify-logo.svg (100%) rename {static => public}/images/nuxt_logo.svg (100%) create mode 100644 public/images/paypal.svg create mode 100644 public/images/placeholder.jpg rename {static => public}/images/search.svg (100%) rename {static => public}/images/star.svg (100%) rename {static => public}/images/wpgraphql_logo.png (100%) rename {static => public}/logo.svg (100%) delete mode 100644 static/favicon.ico delete mode 100644 static/icon.png delete mode 100644 static/icon_maskable.png delete mode 100644 static/robots.txt delete mode 100644 store/index.js create mode 100644 types/index.d.ts delete mode 100644 windi.config.js create mode 100644 windi.config.ts create mode 100644 woonuxt-settings-module/runtime/plugin.ts create mode 100644 woonuxt-settings-module/woonuxt-settings.ts delete mode 100644 yarn.lock 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 @@ + + + + + diff --git a/components/AccountMyDetails.vue b/components/AccountMyDetails.vue index 8bcd79e..1a29322 100644 --- a/components/AccountMyDetails.vue +++ b/components/AccountMyDetails.vue @@ -1,39 +1,28 @@ + + - - diff --git a/components/AddToCartButton.vue b/components/AddToCartButton.vue deleted file mode 100644 index 7759f71..0000000 --- a/components/AddToCartButton.vue +++ /dev/null @@ -1,56 +0,0 @@ - - - - - diff --git a/components/Cart.vue b/components/Cart.vue deleted file mode 100644 index ead4785..0000000 --- a/components/Cart.vue +++ /dev/null @@ -1,66 +0,0 @@ - - - - - diff --git a/components/CartCard.vue b/components/CartCard.vue deleted file mode 100644 index f99cca4..0000000 --- a/components/CartCard.vue +++ /dev/null @@ -1,49 +0,0 @@ - - - diff --git a/components/CartTrigger.vue b/components/CartTrigger.vue deleted file mode 100644 index 54fa438..0000000 --- a/components/CartTrigger.vue +++ /dev/null @@ -1,42 +0,0 @@ - - - - - diff --git a/components/CategoryCard.vue b/components/CategoryCard.vue index 063f24e..5f51430 100644 --- a/components/CategoryCard.vue +++ b/components/CategoryCard.vue @@ -1,19 +1,30 @@ + + - - diff --git a/components/CookieBanner.vue b/components/CookieBanner.vue deleted file mode 100644 index d1233ae..0000000 --- a/components/CookieBanner.vue +++ /dev/null @@ -1,71 +0,0 @@ - - - - - diff --git a/components/EmptyCart.vue b/components/EmptyCart.vue deleted file mode 100644 index 9563d2a..0000000 --- a/components/EmptyCart.vue +++ /dev/null @@ -1,23 +0,0 @@ - - - diff --git a/components/Filters.vue b/components/Filters.vue deleted file mode 100644 index 8545859..0000000 --- a/components/Filters.vue +++ /dev/null @@ -1,165 +0,0 @@ - - - - - diff --git a/components/Footer.vue b/components/Footer.vue deleted file mode 100644 index 550f457..0000000 --- a/components/Footer.vue +++ /dev/null @@ -1,6 +0,0 @@ - diff --git a/components/Header.vue b/components/Header.vue deleted file mode 100644 index 151c5f3..0000000 --- a/components/Header.vue +++ /dev/null @@ -1,48 +0,0 @@ - - - - - diff --git a/components/HeroBanner.vue b/components/HeroBanner.vue deleted file mode 100644 index f48001a..0000000 --- a/components/HeroBanner.vue +++ /dev/null @@ -1,15 +0,0 @@ - \ No newline at end of file diff --git a/components/Icons.vue b/components/Icons.vue deleted file mode 100644 index 747fe0c..0000000 --- a/components/Icons.vue +++ /dev/null @@ -1,226 +0,0 @@ - - - diff --git a/components/LoginAndRegisterForms.vue b/components/LoginAndRegisterForms.vue deleted file mode 100644 index 9eeb600..0000000 --- a/components/LoginAndRegisterForms.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/components/MenuItems.vue b/components/MenuItems.vue deleted file mode 100644 index 4842bdd..0000000 --- a/components/MenuItems.vue +++ /dev/null @@ -1,9 +0,0 @@ - \ No newline at end of file diff --git a/components/MenuTrigger.vue b/components/MenuTrigger.vue deleted file mode 100644 index e559ad7..0000000 --- a/components/MenuTrigger.vue +++ /dev/null @@ -1,15 +0,0 @@ - - - diff --git a/components/MobileMenu.vue b/components/MobileMenu.vue deleted file mode 100644 index 6dfb3ee..0000000 --- a/components/MobileMenu.vue +++ /dev/null @@ -1,23 +0,0 @@ - - - - - diff --git a/components/MultiSearch.vue b/components/MultiSearch.vue deleted file mode 100644 index b11dad1..0000000 --- a/components/MultiSearch.vue +++ /dev/null @@ -1,102 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/components/OrderBy.vue b/components/OrderBy.vue deleted file mode 100644 index e2f9f6d..0000000 --- a/components/OrderBy.vue +++ /dev/null @@ -1,30 +0,0 @@ - - - - - diff --git a/components/OrderList.vue b/components/OrderList.vue index 7560501..0c2e4ac 100644 --- a/components/OrderList.vue +++ b/components/OrderList.vue @@ -1,5 +1,6 @@ @@ -60,25 +68,32 @@ export default { tbody tr:nth-child(odd) { background-color: #fafafa; } + tbody tr { - @apply text-sm text-gray-500; + @apply text-sm text-gray-500 hover:text-gray-800; } + td, th { @apply py-2 px-3; } + .order-status { @apply border rounded-md font-semibold bg-gray-100 my-2 mx-3 text-xs leading-none p-1.5 inline-block; } + .order-COMPLETED { @apply bg-green-50 border-green-100 text-green-600; } + .order-CANCELLED { @apply bg-red-50 border-red-100 text-red-600; } + .order-PENDING { @apply bg-yellow-50 border-yellow-100 text-yellow-600; } + .order-PROCESSING { @apply bg-blue-50 border-blue-100 text-blue-600; } diff --git a/components/Pagination.vue b/components/Pagination.vue deleted file mode 100644 index b1a4b23..0000000 --- a/components/Pagination.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/components/ProductBackButton.vue b/components/ProductBackButton.vue deleted file mode 100644 index 2fb231a..0000000 --- a/components/ProductBackButton.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/components/ProductCard.vue b/components/ProductCard.vue deleted file mode 100644 index 27ab606..0000000 --- a/components/ProductCard.vue +++ /dev/null @@ -1,42 +0,0 @@ - - - - - diff --git a/components/ProductGrid.vue b/components/ProductGrid.vue deleted file mode 100644 index a89cb4a..0000000 --- a/components/ProductGrid.vue +++ /dev/null @@ -1,73 +0,0 @@ - - - - - diff --git a/components/ProductImageGallery.vue b/components/ProductImageGallery.vue deleted file mode 100644 index dd3e431..0000000 --- a/components/ProductImageGallery.vue +++ /dev/null @@ -1,66 +0,0 @@ - - - - - diff --git a/components/ProductRow.vue b/components/ProductRow.vue deleted file mode 100644 index 569a902..0000000 --- a/components/ProductRow.vue +++ /dev/null @@ -1,19 +0,0 @@ - - - diff --git a/components/QuantityButtons.vue b/components/QuantityButtons.vue deleted file mode 100644 index 8bf4510..0000000 --- a/components/QuantityButtons.vue +++ /dev/null @@ -1,43 +0,0 @@ - - - - - diff --git a/components/ResultCount.vue b/components/ResultCount.vue deleted file mode 100644 index 36dd6dd..0000000 --- a/components/ResultCount.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/components/SCImg.vue b/components/SCImg.vue deleted file mode 100644 index 3e87d75..0000000 --- a/components/SCImg.vue +++ /dev/null @@ -1,80 +0,0 @@ - - - \ No newline at end of file diff --git a/components/SCSlider.vue b/components/SCSlider.vue deleted file mode 100644 index 4d5f866..0000000 --- a/components/SCSlider.vue +++ /dev/null @@ -1,113 +0,0 @@ - - - - - diff --git a/components/SaleBadge.vue b/components/SaleBadge.vue deleted file mode 100644 index 40c26f1..0000000 --- a/components/SaleBadge.vue +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/components/Search.vue b/components/Search.vue deleted file mode 100644 index 789c2aa..0000000 --- a/components/Search.vue +++ /dev/null @@ -1,49 +0,0 @@ - - - diff --git a/components/ShareButton.vue b/components/ShareButton.vue deleted file mode 100644 index 75d2bc8..0000000 --- a/components/ShareButton.vue +++ /dev/null @@ -1,63 +0,0 @@ - - - - - diff --git a/components/ShippingDetails.vue b/components/ShippingDetails.vue deleted file mode 100644 index c439f0c..0000000 --- a/components/ShippingDetails.vue +++ /dev/null @@ -1,79 +0,0 @@ - - - diff --git a/components/ShippingOptions.vue b/components/ShippingOptions.vue deleted file mode 100644 index 9ee9d3e..0000000 --- a/components/ShippingOptions.vue +++ /dev/null @@ -1,54 +0,0 @@ - - - - - diff --git a/components/SignInLink.vue b/components/SignInLink.vue index 0b3a03a..4adf772 100644 --- a/components/SignInLink.vue +++ b/components/SignInLink.vue @@ -1,8 +1,9 @@ + + \ No newline at end of file + + + + diff --git a/components/StarRating.vue b/components/StarRating.vue deleted file mode 100644 index d7f3eef..0000000 --- a/components/StarRating.vue +++ /dev/null @@ -1,14 +0,0 @@ - - - diff --git a/components/Stars.vue b/components/Stars.vue deleted file mode 100644 index e87bf78..0000000 --- a/components/Stars.vue +++ /dev/null @@ -1,15 +0,0 @@ - - - diff --git a/components/SwipeCard.vue b/components/SwipeCard.vue deleted file mode 100644 index b4c8039..0000000 --- a/components/SwipeCard.vue +++ /dev/null @@ -1,54 +0,0 @@ - - - - - diff --git a/components/WishListItem.vue b/components/WishListItem.vue index 392f448..6022836 100644 --- a/components/WishListItem.vue +++ b/components/WishListItem.vue @@ -1,26 +1,35 @@ - \ No newline at end of file + diff --git a/components/WishlistButton.vue b/components/WishlistButton.vue deleted file mode 100644 index 44c207c..0000000 --- a/components/WishlistButton.vue +++ /dev/null @@ -1,43 +0,0 @@ - - - - - diff --git a/components/cartElements/CartCard.vue b/components/cartElements/CartCard.vue new file mode 100644 index 0000000..3f33f71 --- /dev/null +++ b/components/cartElements/CartCard.vue @@ -0,0 +1,41 @@ + + + diff --git a/components/cartElements/CartTrigger.vue b/components/cartElements/CartTrigger.vue new file mode 100644 index 0000000..5597200 --- /dev/null +++ b/components/cartElements/CartTrigger.vue @@ -0,0 +1,31 @@ + + + + + diff --git a/components/cartElements/CloseIcon.vue b/components/cartElements/CloseIcon.vue new file mode 100644 index 0000000..0d9eb13 --- /dev/null +++ b/components/cartElements/CloseIcon.vue @@ -0,0 +1,16 @@ + diff --git a/components/cartElements/EmptyCart.vue b/components/cartElements/EmptyCart.vue new file mode 100644 index 0000000..d1df4c7 --- /dev/null +++ b/components/cartElements/EmptyCart.vue @@ -0,0 +1,9 @@ + + + diff --git a/components/cartElements/SwipeCard.vue b/components/cartElements/SwipeCard.vue new file mode 100644 index 0000000..74dfe03 --- /dev/null +++ b/components/cartElements/SwipeCard.vue @@ -0,0 +1,57 @@ + + + + + diff --git a/components/TrashIcon.vue b/components/cartElements/TrashIcon.vue similarity index 91% rename from components/TrashIcon.vue rename to components/cartElements/TrashIcon.vue index c6ee286..d4addd8 100644 --- a/components/TrashIcon.vue +++ b/components/cartElements/TrashIcon.vue @@ -6,8 +6,7 @@ stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" - stroke-width="32" - /> + stroke-width="32" /> + stroke-width="32" /> diff --git a/components/elements/CloseModals.vue b/components/elements/CloseModals.vue deleted file mode 100644 index 8950073..0000000 --- a/components/elements/CloseModals.vue +++ /dev/null @@ -1,16 +0,0 @@ - - - diff --git a/components/elements/CountrySelect.vue b/components/elements/CountrySelect.vue deleted file mode 100644 index 0a91820..0000000 --- a/components/elements/CountrySelect.vue +++ /dev/null @@ -1,266 +0,0 @@ - - - diff --git a/components/elements/Icon.vue b/components/elements/Icon.vue deleted file mode 100644 index 8da9aee..0000000 --- a/components/elements/Icon.vue +++ /dev/null @@ -1,29 +0,0 @@ - - - - - diff --git a/components/elements/LoadingIcon.vue b/components/elements/LoadingIcon.vue deleted file mode 100644 index 4d646e9..0000000 --- a/components/elements/LoadingIcon.vue +++ /dev/null @@ -1,40 +0,0 @@ - - - diff --git a/components/elements/Logo.vue b/components/elements/Logo.vue deleted file mode 100644 index 8baa3c0..0000000 --- a/components/elements/Logo.vue +++ /dev/null @@ -1,19 +0,0 @@ - diff --git a/components/filtering/CategoryFilter.vue b/components/filtering/CategoryFilter.vue new file mode 100644 index 0000000..e7583e4 --- /dev/null +++ b/components/filtering/CategoryFilter.vue @@ -0,0 +1,48 @@ + + + diff --git a/components/filtering/ColorFilter.vue b/components/filtering/ColorFilter.vue new file mode 100644 index 0000000..499ac5e --- /dev/null +++ b/components/filtering/ColorFilter.vue @@ -0,0 +1,85 @@ + + + + + diff --git a/components/filtering/Filters.vue b/components/filtering/Filters.vue new file mode 100644 index 0000000..37abbca --- /dev/null +++ b/components/filtering/Filters.vue @@ -0,0 +1,153 @@ + + + + + diff --git a/components/filtering/GlobalFilter.vue b/components/filtering/GlobalFilter.vue new file mode 100644 index 0000000..ed8ca0f --- /dev/null +++ b/components/filtering/GlobalFilter.vue @@ -0,0 +1,50 @@ + + + diff --git a/components/filtering/OnSaleFilter.vue b/components/filtering/OnSaleFilter.vue new file mode 100644 index 0000000..789e1f3 --- /dev/null +++ b/components/filtering/OnSaleFilter.vue @@ -0,0 +1,42 @@ + + + diff --git a/components/filtering/PriceFilter.vue b/components/filtering/PriceFilter.vue new file mode 100644 index 0000000..4a8a01a --- /dev/null +++ b/components/filtering/PriceFilter.vue @@ -0,0 +1,66 @@ + + + + + + diff --git a/components/filtering/ResetFiltersButton.vue b/components/filtering/ResetFiltersButton.vue new file mode 100644 index 0000000..c65f58b --- /dev/null +++ b/components/filtering/ResetFiltersButton.vue @@ -0,0 +1,11 @@ + + + diff --git a/components/filtering/ShowFilterTrigger.vue b/components/filtering/ShowFilterTrigger.vue new file mode 100644 index 0000000..0714ffa --- /dev/null +++ b/components/filtering/ShowFilterTrigger.vue @@ -0,0 +1,17 @@ + + + diff --git a/components/filtering/StarRatingFilter.vue b/components/filtering/StarRatingFilter.vue new file mode 100644 index 0000000..3af2ccd --- /dev/null +++ b/components/filtering/StarRatingFilter.vue @@ -0,0 +1,55 @@ + + + diff --git a/components/forms/Billing.vue b/components/forms/Billing.vue index 545b214..029ae6a 100644 --- a/components/forms/Billing.vue +++ b/components/forms/Billing.vue @@ -1,38 +1,43 @@ + - - diff --git a/components/forms/ChangePassword.vue b/components/forms/ChangePassword.vue index 257e4b9..d2a6f97 100644 --- a/components/forms/ChangePassword.vue +++ b/components/forms/ChangePassword.vue @@ -1,28 +1,30 @@