Trouvez un modèle de bac à sable en ligne Vuetify 3 pour créer un exemple minimal reproductible

Question

J'ai rencontré un problème lors de l'utilisation de Vuetify 3 que je voulais poser sur Stack Overflow, mais pour ce faire, je devais créer un exemple minimalement reproductible. Où puis-je trouver un modèle auquel je peux me référer ?

Ce que j'ai essayé

• J'ai essayé de créer mon propre exemple sur codesandbox.io, mais comme je n'utilise pas très souvent le bac à sable, il m'a fallu beaucoup de temps pour le faire fonctionner. ≪/li>
• J'ai essayé de rechercher sur Google un exemple existant, mais je n'en ai pas trouvé. ≪/li>
• J'ai essayé d'utiliser l'exemple fourni dans la documentation Vuetify, mais je n'arrive pas à enregistrer et partager l'état modifié. [Mise à jour : ceci est incorrect, comme l'explique la réponse acceptée. ]≪/li>

Answer 1

Voici un terrain de jeu officiel, qui est probablement le moyen le plus simple si vous souhaitez utiliser les SFC. Le contenu du terrain de jeu est codé dans l'URL, vous pouvez donc le sauvegarder en enregistrant l'URL.

Ou vous pouvez créer un extrait en utilisant CDN Vue et Vuetify :

const { createApp, ref } = Vue
const { createVuetify } = Vuetify
const vuetify = createVuetify()
const app = {
  template: `
    <v-app>
      <v-main>
        
      </v-main>
    </v-app>
  `,
  setup(){
    return {
      
    }
  }
}
createApp(app).use(vuetify).mount('#app')

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/vuetify@3/dist/vuetify.min.css" />
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
<div id="app"></div>
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@3/dist/vuetify.min.js"></script>