Nuxt/examples/config-extends/pages/index.vue
Kevin Marrec 7c0d2e176c
feat(nuxt3): extends support for pages & middleware directories (#3783)
Co-authored-by: Pooya Parsa <pyapar@gmail.com>
2022-03-22 19:12:54 +01:00

26 lines
525 B
Vue

<script setup>
const themeConfig = useRuntimeConfig().theme
const foo = useFoo()
const bar = getBar()
</script>
<template>
<NuxtExampleLayout example="config-extends">
theme runtimeConfig
<pre>{{ JSON.stringify(themeConfig, null, 2) }}</pre>
<BaseButton>Base Button</BaseButton>
<FancyButton>Fancy Button</FancyButton>
<UIButton>UI Button</UIButton>
<br>
{{ foo }} {{ bar }}
<br>
{{ $myPlugin() }}
</NuxtExampleLayout>
</template>
<style scoped>
pre {
text-align: left;
}
</style>