Primeira Versão do Sistema de componentes Vue

src/playground/App.vue

@@ -0,0 +1,15 @@
+<template>
+  <EliOlaMundo />
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import { EliOlaMundo } from '@/componentes/EliOlaMundo'
+
+export default defineComponent({
+  name: 'App',
+  components: {
+    EliOlaMundo
+  }
+})
+</script>

src/playground/README.md

@@ -0,0 +1,14 @@
+# Playground
+
+Este ambiente é destinado a testes locais e experimentação dos componentes do Design System.
+
+## Como usar
+
+Os arquivos aqui presentes (`App.vue`, `main.ts`) servem como ponto de entrada para rodar a aplicação em modo de desenvolvimento (`npm run dev` ou `pnpm dev`).
+
+Você pode importar componentes da biblioteca e testá-los livremente neste ambiente. Ele não será incluído no build final da biblioteca.
+
+## Estrutura
+
+- `App.vue`: Componente raiz para testes.
+- `main.ts`: Ponto de entrada da aplicação de teste.

src/playground/main.ts

@@ -0,0 +1,16 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+// Vuetify
+import 'vuetify/styles'
+import '@mdi/font/css/materialdesignicons.css'
+import { createVuetify } from 'vuetify'
+import * as components from 'vuetify/components'
+import * as directives from 'vuetify/directives'
+
+const vuetify = createVuetify({
+  components,
+  directives,
+})
+
+createApp(App).use(vuetify).mount('#app')