Find an online sandbox Vuetify 3 template for creating a minimal reproducible example-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)

Find an online sandbox Vuetify 3 template for creating a minimal reproducible example

P粉553428780 2023-08-16 12:30:32

402

<p>I ran into a problem while using Vuetify 3 that I wanted to ask on Stack Overflow, but in order to do that I needed to create a minimally reproducible example. Where can I find a template that I can refer to? </p> <h2>What I tried</h2> <ul> <li>I tried creating my own example on codesandbox.io, but since I don't use the sandbox very often it took me a long time to get it to work. </li> <li>I tried googling to find an existing example but couldn't find one. </li> <li>I tried using the example provided in the Vuetify documentation, but I can't seem to save and share the modified state. [Update: This is incorrect, as the accepted answer explains. ]</li> </ul><p><br /></p>

P粉553428780

reply all(1)

P粉6628028822023-08-17 11:11:47 1 floor

Here is an official playground, which is probably the easiest way if you want to use SFCs. The content of the playground is encoded into the URL, so you can save it by saving the URL.

Or you can create a snippet using CDN Vue and Vuetify:

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