The App Component

In Factor, the entry component for your front-end application is called App.vue. This is the component that is mounted by the base Vue application in Factor.

Use it to add elements that are visible on all pages of your site like navigation or a footer.

This component is visible on all pages of your app and is a useful place to add global components, handling, and other defaults.

Example App.vue

A standard use case for App.vue is to add any components which need to appear on all pages. In this case a loading component and a notification component. We also include the global styles file.

<template>
  <router-view />
  <LoadingVeil />
  <NotifyToaster />
</template>

<script lang="ts" setup>
  import LoadingVeil from "@factor/ui/LoadingVeil.vue"
  import NotifyToaster from "@factor/plugin-notify/NotifyToaster.vue"
</script>
<style lang="less">
  @import "./styles.less";
</style>