# hostinger/3.0.7/vue-frontend/src/App.vue

Hostinger Tools, version 3.0.7. 39 lines.

- Page: https://pluginprobe.com/plugins/hostinger/3.0.7/code/vue-frontend/src/App.vue
- Raw: https://pluginprobe.com/plugins/hostinger/3.0.7/raw/vue-frontend/src/App.vue
- Modified: 2024-08-05T10:23:10+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/hostinger/3.0.7/code/vue-frontend/src/App.vue#L10-L20`.

```vue
<script setup lang="ts">
import { RouterView } from "vue-router";
import Modals from "@/components/Modals/Base/Modals.vue";
import Wrapper from "@/layouts/Wrapper.vue";
import { useRoute } from "vue-router";

const route = useRoute();
</script>

<template>
  <div>
    <div id="overhead-button" />
    <Wrapper :title="route.meta.title">
      <RouterView v-slot="{ Component }">
        <Component :is="Component" />
      </RouterView>
    </Wrapper>
    <Modals />
  </div>
</template>

<style lang="scss" scoped>
:deep(.h-button-v2) {
  &:hover {
    cursor: pointer;
  }
}
#overhead-button {
  position: absolute;
  right: 0;
  padding: 40px;
  z-index: 2;

  @media (max-width: 576px) {
    padding: 16px;
  }
}
</style>

```