playground: add nuxtify logo

Author: davidstackio

playground/app.config.ts

@@ -3,6 +3,14 @@ export default defineAppConfig({
     // Brand
     brand: {
       tagline: 'Catchy tagline',
+      logo: {
+        lightUrl: '/img/nuxtify-logo-light.png', // Recommended 5:1 aspect ratio (e.g. 400 x 80 px)
+        darkUrl: '/img/nuxtify-logo-dark.png', // Recommended 5:1 aspect ratio (e.g. 400 x 80 px)
+        width: 400,
+        height: 80,
+        mobileWidth: 200,
+        mobileHeight: 40,
+      },
     },
 
     // Announcement

playground/components/AppLogo.vue

@@ -235,7 +235,7 @@ const triggerUpgrade = () => {
               </h3>
               <div class="py-4 px-4 bg-grey-lighten-4 rounded mb-4">
                 <div class="text-caption text-medium-emphasis mb-2 font-weight-bold">
-                  AppLogo (with Custom Override support):
+                  AppLogo Component:
                 </div>
                 <div class="d-flex justify-center bg-white py-4 rounded border mb-4">
                   <AppLogo />