feat(playground): enhance index.vue with UContainer layout

- Added `UContainer` wrapper to improve page structure and consistency.
- Updated `CommentCommandBar` to include `ref` import for future state management.

Author: Gary Woodfine

playground/app/pages/index.vue

@@ -3,12 +3,14 @@
 
 <template>
   <nuxt-layout name="default-layout">
+    <UContainer>
     <h1>Playground</h1>
     <p>Index Page</p> <nuxt-link
       to="another-page"
       class="text-primary"
     > Another Page</nuxt-link>
     <NuxstrComments />
+    </UContainer>
   </nuxt-layout>
 </template>
 

src/runtime/components/CommentCommandBar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useNuxstr } from '../composables/useNuxstr'
 import { useReplies } from '../composables/useReplies'
-import { onMounted } from 'vue'
+import { onMounted, ref } from 'vue'
 
 const props = defineProps<{ contentId: string }>()
 const { replies, subscribeReplies } = useReplies(props.contentId)