Nuxt/examples/meta/app.vue

35 lines
647 B
Vue
Raw Normal View History

<template>
<div>
Hello World
<Head :lang="'' + dynamic">
<Title>{{ dynamic }} title</Title>
<Meta name="description" :content="`My page's ${dynamic} description`" />
<Link rel="preload" href="/test.txt" as="script" />
</Head>
<button class="blue" @click="dynamic = Math.random() * 100">
Clickme
</button>
</div>
</template>
<script lang="ts">
import { ref } from 'vue'
import { useMeta } from '@nuxt/app'
export default {
setup () {
useMeta({
bodyAttrs: {
class: 'test'
}
})
return { dynamic: ref(49) }
},
head: {
title: 'Another title'
}
}
</script>