Integrazione ECommerce (conversione)

src/views/ecommerce/cartList/cartList.scss

@@ -0,0 +1,5 @@
+$heightBtn: 100%;
+
+.card .product-image {
+  height: 300px;
+}

src/views/ecommerce/cartList/cartList.ts

@@ -0,0 +1,59 @@
+import { defineComponent, onMounted, ref } from 'vue'
+import { tools } from '@store/Modules/tools'
+import { useUserStore } from '@store/UserStore'
+import { useRouter } from 'vue-router'
+import { useGlobalStore } from '@store/globalStore'
+import { useProducts } from '@store/Products'
+import { useI18n } from '@/boot/i18n'
+import { toolsext } from '@store/Modules/toolsext'
+import { useQuasar } from 'quasar'
+import { costanti } from '@costanti'
+
+import { CProductCard } from '@src/components/CProductCard'
+
+export default defineComponent({
+  name: 'CartList',
+  components: { CProductCard },
+  filters: {
+    capitalize(value: any) {
+      if (!value) {
+        return ''
+      }
+      value = value.toString()
+      return value.charAt(0).toUpperCase() + value.slice(1)
+    }
+  },
+  props: {},
+  setup() {
+    const userStore = useUserStore()
+    const globalStore = useGlobalStore()
+    const productStore = useProducts()
+    const $router = useRouter()
+    const $q = useQuasar()
+    const { t } = useI18n();
+
+    function getCart() {
+      return productStore.getCart()
+    }
+    
+    function getProducts() {
+      return productStore.getProducts()
+    }
+
+    function mounted() {
+      // Inizializza
+
+    }
+
+    onMounted(mounted)
+
+    return {
+      userStore,
+      costanti,
+      tools,
+      toolsext,
+      getCart,
+      getProducts,
+    }
+  }
+})

src/views/ecommerce/cartList/cartList.vue

@@ -0,0 +1,21 @@
+<template>
+  <q-page>
+    <div class="panel">
+      <div class="container">
+        <div class="row">
+          <div class="q-pa-md row items-start q-gutter-md" v-for="(product, index) in getProducts" :key="index">
+            <CProductCard :product="product"/>
+          </div>
+        </div>
+      </div>
+    </div>
+  </q-page>
+</template>
+
+<script lang="ts" src="./cartList.ts">
+
+</script>
+
+<style lang="scss" scoped>
+@import './cartList';
+</style>

src/views/ecommerce/cartList/index.ts

@@ -0,0 +1 @@
+export {default as CartList} from './cartList.vue'