Refactor code

Author: w3bdesign

components/Products/ProductsShowAll.vue

@@ -57,8 +57,10 @@
 import FETCH_ALL_PRODUCTS_QUERY from "@/apollo/queries/FETCH_ALL_PRODUCTS_QUERY.gql";
 import { filteredVariantPrice } from "@/utils/functions";
 
+const config = useRuntimeConfig();
+
 const productImage = (product) =>
-  product.image ? product.image.sourceUrl : process.env.placeholderSmallImage;
+  product.image ? product.image.sourceUrl : config.placeholderImage;
 
 const variables = { limit: 99 };
 const { data } = await useAsyncQuery(FETCH_ALL_PRODUCTS_QUERY, variables);

components/common/CommonButton.vue

@@ -27,8 +27,9 @@
 </template>
 
 <script setup>
-/* Usage:
- * <CommonButton @common-button-click="function name" isLoading="true">Common button</CommonButton>
+/*
+ * Usage:
+ * <CommonButton @common-button-click="functionName" isLoading="true">Common button</CommonButton>
  */
 
 defineEmits(["CommonButtonClick"]);

nuxt.config.ts

@@ -16,6 +16,7 @@ export default defineNuxtConfig({
   runtimeConfig: {
     public: {
       graphqlURL: process.env.PUBLIC_GRAPHQL_URL,
+      indexName: process.env.PUBLIC_ALGOLIA_INDEX_NAME,
       placeholderImage: process.env.PUBLIC_PLACEHOLDER_SMALL_IMAGE_URL,
     },
   },

pages/search.vue

@@ -42,7 +42,9 @@ import {
   AisHits,
 } from "vue-instantsearch/vue3/es/index.js";
 
-const indexName = "dfweb";
+const config = useRuntimeConfig();
+
+const indexName = config.indexName;
 const algolia = useAlgoliaRef();
 
 const convertProductNameToSlug = (productName) =>