mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 16:43:55 +00:00
35 lines
814 B
Vue
35 lines
814 B
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>
|
|
<SugarCounter :count="12" />
|
|
<CustomComponent />
|
|
<component :is="`test${'-'.toString()}global`" />
|
|
<component :is="`with${'-'.toString()}suffix`" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useRuntimeConfig } from '#imports'
|
|
|
|
const config = useRuntimeConfig()
|
|
|
|
// reset title template example
|
|
useHead({
|
|
titleTemplate: null
|
|
})
|
|
|
|
const foo = useFoo()
|
|
const bar = useBar()
|
|
</script>
|