CEventsCalendar.ts

calendarioeventi.ts
CMySingleEvent.ts
evento.ts

src/root/calendarioeventi/calendarioeventi.ts

@@ -0,0 +1,21 @@
+import { defineComponent } from 'vue'
+import { CEventsCalendar } from '@/components/CEventsCalendar'
+import { CMyPage } from '@/components/CMyPage'
+import MixinMetaTags from '@/mixins/mixin-metatags'
+import MixinBase from '@/mixins/mixin-base'
+
+export default defineComponent({
+  name: 'Calendarioeventi',
+  components: { CEventsCalendar, CMyPage },
+
+  setup() {
+
+    const { setmeta } = MixinMetaTags()
+    const { getarrValDb } = MixinBase()
+
+    return {
+      setmeta,
+      getarrValDb
+    }
+  }
+})

src/root/calendarioeventi/calendarioeventi.vue

@@ -0,0 +1,31 @@
+<template>
+  <CMyPage
+    title='Calendario Eventi' imgbackground="images/calendario_eventi.jpg"
+    sizes="max-height: 120px" styleadd="bottom: -16px !important;">
+
+        <span>{{
+            setmeta({
+              title: 'Calendario Eventi',
+              description: 'Calendario degli Eventi che si svolgono all\'Associazione Shen di Lugo (RA)',
+              keywords: 'calendario eventi centro olistico',
+            })
+          }}
+        </span>
+
+    <CEventsCalendar :mysingleevent="null">
+
+    </CEventsCalendar>
+    <br>
+    <p class="cltexth3 text-blue q-ma-md" v-for="(mycal, index) in getarrValDb('EVENTS_CAL')" :key="index">
+      <a :href="`../../statics/files/eventi/` + mycal.file" target="_blank">Calendario Eventi {{ mycal.label }}
+        (PDF)</a><br>
+    </p>
+    <br>
+  </CMyPage>
+
+</template>
+<script lang="ts" src="./calendarioeventi.ts">
+</script>
+<style lang="scss" scoped>
+@import './calendarioeventi.scss';
+</style>