Initial commit

2022-03-30 00:01:25 +01:00
commit e09e453071
34 changed files with 323 additions and 0 deletions
--- a/vue/index.html
+++ b/vue/index.html
@@ -0,0 +1,47 @@
+<!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 pt-3'>
+			<h1>Funkos</h1>
+
+			<div class="row row-cols-2 row-cols-md-3 row-cols-md-4 gy-5">
+				<div v-for='funko in funkos'>
+					<Funko 
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<script src="funkos.js"></script>
+
+	<script type="module">
+		import FunkoCard from './components/FunkoCard.vue'
+
+		Vue.createApp({
+			components: {
+				FunkoCard
+			},
+			data() {
+				return {
+					funkos: funkos
+				}
+			}
+		}).mount('#app')
+	</script>
+</body>
+
+</html>