dx: playground polish

Author: davidstackio

playground/app.vue

@@ -1,17 +1,17 @@
 <script setup lang="ts">
 import { useNuxtifyConfig, useServerSeoMeta } from '#imports'
 
-// Page info
-useServerSeoMeta({
-  title: '@nuxtify/core playground',
-  description: 'This is the @nuxtify/core playground.',
-})
-
 // App state
 const nuxtifyConfig = useNuxtifyConfig()
 const dialog = useDialog()
 const toast = useToast()
 
+// Page info
+useServerSeoMeta({
+  title: `${nuxtifyConfig.brand?.name} playground`,
+  description: 'This is the ${nuxtifyConfig.brand?.name} playground.',
+})
+
 // Functions
 const clickDialog = () => {
   // Dialog
@@ -43,7 +43,7 @@ const clickToast = () => {
       <v-container>
         <v-row>
           <v-col cols="12">
-            <h1>{{ nuxtifyConfig.brand?.name }}</h1>
+            <h1>{{ nuxtifyConfig.brand?.name }} playground</h1>
           </v-col>
         </v-row>
 

playground/components/AppLogo.vue

@@ -1,3 +1,3 @@
 <template>
-  <div>playground logo override</div>
+  <div>This is the AppLogo override component</div>
 </template>

playground/nuxt.config.ts

@@ -4,7 +4,7 @@ export default defineNuxtConfig({
   compatibilityDate: '2025-05-13',
   nuxtifyCore: {
     brand: {
-      name: '@nuxtify/core playground',
+      tagline: 'Catchy tagline',
     },
     announcement: {
       show: true,