Initial Nuxt frontend import

- Complete GGZ Ecademy Nuxt.js user portal
- Learning products browser and management
- Member management interface
- User authentication and roles
- Multi-language support (NL/EN)
- Vuex store for state management
- Component-based architecture

components/CurrentDateTime/CurrentDateTime.vue

@@ -0,0 +1,58 @@
+<template>
+  <div class="d-flex">
+    <small class="my-4 font-weight-light mr-4 txt--text">
+      <v-icon size="12" color="teal" class="icon-checkmark mr-2" v-if="showIcon"></v-icon>
+      {{ timestamp }}</small
+    >
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    showIcon: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      timestamp: '',
+    }
+  },
+  mounted() {
+    setInterval(this.getNow, 1000)
+  },
+
+  methods: {
+    getNow() {
+      const months = [
+          this.$t('general.date.january'),
+          this.$t('general.date.february'), 
+          this.$t('general.date.march'), 
+          this.$t('general.date.april'), 
+          this.$t('general.date.may'), 
+          this.$t('general.date.june'), 
+          this.$t('general.date.july'), 
+          this.$t('general.date.august'), 
+          this.$t('general.date.september'), 
+          this.$t('general.date.october'), 
+          this.$t('general.date.november'), 
+          this.$t('general.date.december'), 
+      ]
+      const now = new Date()
+      const day = now.getDate()
+      const month = now.getMonth()
+      const year = now.getFullYear()
+
+      let h = now.getHours() < 10 ? '0' + now.getHours() : now.getHours()
+      let m = now.getMinutes() < 10 ? '0' + now.getMinutes() : now.getMinutes()
+
+      const date = `${day} ${months[month]} ${year}`
+      const time = `${h}:${m}`
+      this.timestamp = `${date}`
+    },
+  },
+}
+
+</script>