48 lines
1.0 KiB
HTML
48 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='en'>
|
|
|
|
<head>
|
|
<meta charset='UTF-8'>
|
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
|
<title>Funko Pops</title>
|
|
<link href='https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css' rel='stylesheet'
|
|
integrity='sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3'
|
|
crossorigin='anonymous'>
|
|
</head>
|
|
|
|
<body>
|
|
<script src="https://unpkg.com/vue@3"></script>
|
|
|
|
<div id="app">
|
|
<div class='container-fluid py-3'>
|
|
<h1>Funkos</h1>
|
|
|
|
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 gy-5">
|
|
<div v-for='funko in funkos'>
|
|
<funko-card :funko="funko" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="funkos.js"></script>
|
|
|
|
<script type="module">
|
|
import FunkoCard from './components/FunkoCard.js';
|
|
|
|
Vue.createApp({
|
|
components: {
|
|
FunkoCard
|
|
},
|
|
data() {
|
|
return {
|
|
funkos: funkos
|
|
}
|
|
}
|
|
}).mount('#app')
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|