<script setup>
import { defineAsyncComponent } from 'vue'

const size375 = defineAsyncComponent(() => import("@/views/CommitteeAppointment/index.vue"));
const size768 = defineAsyncComponent(() => import("@/views/CommitteeAppointment/index.vue"));
const size1440 = defineAsyncComponent(() => import("@/views/CommitteeAppointment/index.vue"));
const size1920 = defineAsyncComponent(() => import("@/views/CommitteeAppointment/index.vue"));

const { viewComponent, componentKey } = useViewSelector({
  size375,
  size768,
  size1440,
  size1920
});

useSeoMeta({
  title: 'Committee Appointments | Corporate Governance | FiEE',
  description: 'Information regarding FiEE corporate committee structures, charters, and appointments.',
  ogTitle: 'FiEE Committee Appointments',
})
</script>

<template>
  <component :is="viewComponent" :key="componentKey" />
</template>




