<template>
  <v-app>
    <v-app-bar app color="primary" dark>
      <div class="d-flex align-center">
        <v-img
          alt="Vuetify Name"
          class="shrink mt-1 hidden-sm-and-down"
          contain
          min-width="100"
          src="https://vemessage.com/wp-content/uploads/2019/08/vemessage-logo-light-3.png"
          width="200"
        />
      </div>

      <!--      <v-spacer></v-spacer>-->

      <!--      <v-btn-->
      <!--        href="https://github.com/vuetifyjs/vuetify/releases/latest"-->
      <!--        target="_blank"-->
      <!--        text-->
      <!--      >-->
      <!--        <span class="mr-2">Latest Release</span>-->
      <!--        <v-icon>mdi-open-in-new</v-icon>-->
      <!--      </v-btn>-->
    </v-app-bar>

    <v-main>
      <web-form-editor component-height="calc(100vh - 64px)"></web-form-editor>
      <!--      <web-from-renderer></web-from-renderer>-->
    </v-main>
  </v-app>
</template>

<script>
import WebFormEditor from "@/pages/WebFormEditor";
import WebFromRenderer from "@/pages/WebFormRenderer";
export default {
  name: "App",

  components: {
    WebFromRenderer,
    WebFormEditor,
  },

  data: () => ({
    //
  }),
};
</script>
