Files
speckle-server/packages/frontend-2/app.vue
T
andrewwallacespeckle 84a485d293 FE2 - Visual improvements from pairing with Agi (#2111)
* Small tweaks from Agi List

* Reset Filters Animation

* Changes to Scene Explorer Filtering

* WIP

* New Versions Icon

* Add SunLightShadows

* Small changes pre CR

* Remove unneeded prosp
2024-03-12 12:41:28 +00:00

49 lines
1.2 KiB
Vue

<template>
<div
id="speckle"
class="bg-foundation-page text-foreground has-[.viewer]:!overflow-hidden has-[.viewer-transparent]:!bg-transparent"
>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
<SingletonManagers />
</div>
</template>
<script setup lang="ts">
import { useTheme } from '~~/lib/core/composables/theme'
import { useAuthManager } from '~~/lib/auth/composables/auth'
import { useMixpanelInitialization } from '~~/lib/core/composables/mp'
const { isDarkTheme } = useTheme()
useHead({
// Title suffix
titleTemplate: (titleChunk) => (titleChunk ? `${titleChunk} - Speckle` : 'Speckle'),
htmlAttrs: {
class: computed(() => (isDarkTheme.value ? `dark` : ``)),
lang: 'en'
},
bodyAttrs: {
class:
'simple-scrollbar overflow-y-scroll has-[.viewer]:overflow-auto bg-foundation-page text-foreground has-[.viewer-transparent]:!bg-transparent'
}
})
const { watchAuthQueryString } = useAuthManager()
watchAuthQueryString()
// Awaiting to block the app from continuing until mixpanel tracking is fully initialized
await useMixpanelInitialization()
</script>
<style>
.page-enter-active,
.page-leave-active {
transition: all 0.1s;
}
.page-enter-from,
.page-leave-to {
opacity: 0;
}
</style>