mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-23 06:05:11 +00:00
49 lines
1.1 KiB
Vue
49 lines
1.1 KiB
Vue
<template>
|
|
<div>
|
|
<Head>
|
|
<Title>Basic fixture</Title>
|
|
</Head>
|
|
<h1>Hello Nuxt 3!</h1>
|
|
<div>RuntimeConfig | testConfig: {{ config.testConfig }}</div>
|
|
<div>Composable | foo: {{ foo }}</div>
|
|
<div>Composable | bar: {{ bar }}</div>
|
|
<div>Composable | template: {{ templateAutoImport }}</div>
|
|
<div>Path: {{ $route.fullPath }}</div>
|
|
<NuxtLink to="/">
|
|
Link
|
|
</NuxtLink>
|
|
<NestedSugarCounter :count="12" />
|
|
<CustomComponent />
|
|
<component :is="`test${'-'.toString()}global`" />
|
|
<component :is="`with${'-'.toString()}suffix`" />
|
|
<ClientWrapped ref="clientRef" style="color: red;" class="client-only" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { setupDevtoolsPlugin } from '@vue/devtools-api'
|
|
import { useRuntimeConfig } from '#imports'
|
|
|
|
setupDevtoolsPlugin({}, () => {}) as any
|
|
|
|
const config = useRuntimeConfig()
|
|
|
|
definePageMeta({
|
|
alias: '/some-alias',
|
|
other: ref('test')
|
|
})
|
|
|
|
// reset title template example
|
|
useHead({
|
|
titleTemplate: ''
|
|
})
|
|
|
|
const foo = useFoo()
|
|
const bar = useBar()
|
|
const clientRef = ref()
|
|
|
|
onMounted(() => {
|
|
clientRef.value.exposedFunc()
|
|
})
|
|
</script>
|