Se aggiungo un campo nuovo, non viene visualizzato il campo, sistemare il cookie come viene gestito

Aggiungere campo Offro/Cerco
Aggiungere HOME con pulsantoni grandi
Aggiunto Link per condividere la APP ai propri Amici

src/components/CBigBtn/CBigBtn.ts

@@ -0,0 +1,45 @@
+import { defineComponent, ref, computed, PropType, toRef } from 'vue'
+import { useUserStore } from '@store/UserStore'
+import { useRouter } from 'vue-router'
+import { useGlobalStore } from '@store/globalStore'
+import { useI18n } from '@/boot/i18n'
+import { tools } from '@store/Modules/tools'
+
+
+export default defineComponent({
+  name: 'CBigBtn',
+  components: {},
+  props: {
+    label: {
+      type: String,
+      required: true
+    },
+    to: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    icon: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    color: {
+      type: String,
+      required: false,
+      default: 'grey'
+    },
+  },
+  setup(props, { emit }) {
+
+    const userStore = useUserStore()
+    const $router = useRouter()
+    const globalStore = useGlobalStore()
+    const { t } = useI18n();
+
+    return {
+      userStore,
+      tools,
+    }
+  }
+})

src/components/CBigBtn/CBigBtn.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="q-pa-xs col-xs-6 col-sm-6 col-md-4 col-lg-2">
+    <div class="q-ma-sm">
+      <q-btn :color="color" rounded :to="to" v-bind="$attrs">
+        <q-icon class="q-ma-sm" size="4em" :name="icon"/>
+        <div class="q-ma-sm text-h5">{{ label }}</div>
+      </q-btn>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" src="./CBigBtn.ts">
+</script>
+
+<style lang="scss" scoped>
+@import './CBigBtn.scss';
+</style>

src/components/CBigBtn/index.ts

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