- aggiunto componenti per Home Template... ma ancora da provare

- sistemato catprods
- Sistemato menu

src/components/HeroSection/HeroSection.ts

@@ -0,0 +1,43 @@
+import { defineComponent } from 'vue';
+
+// Importiamo icone da Quasar - esempio con quelle disponibili tramite Quasar Extras
+// Assicurati di averle abilitate in quasar.config.js
+import { IFeatSection } from 'app/src/model';
+import { tools } from 'app/src/store/Modules/tools';
+import { useQuasar } from 'quasar';
+
+export default defineComponent({
+  name: 'HeroSection',
+  props: {
+    title: {
+      type: String,
+      required: true,
+    },
+    isDark: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    subtitle: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    description: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    features: {
+      type: Array as () => IFeatSection[],
+      required: true,
+    },
+  },
+
+  setup(props) {
+
+    return {
+      tools,
+    };
+  },
+});

src/components/HeroSection/HeroSection.vue

@@ -0,0 +1,10 @@
+<template>
+  <div :class="{'bg-dark': isDark}" class="q-py-xl">
+
+  </div>
+</template>
+<script lang="ts" src="./HeroSection.ts"></script>
+
+<style lang="scss" scoped>
+@import './HeroSection.scss';
+</style>

src/components/HeroSection/index.ts

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