initial-commit

pages/star-wars/index/+Page.vue

@@ -0,0 +1,23 @@
+<template>
+    <h1>Star Wars Movies</h1>
+    <ol>
+        <li v-for="item in movies" :key="item.id">
+            <a :href="'/star-wars/' + item.id">{{ item.title }}</a> ({{
+                item.release_date
+            }})
+        </li>
+    </ol>
+    <p>
+        Source:
+        <a href="https://brillout.github.io/star-wars"
+            >brillout.github.io/star-wars</a
+        >.
+    </p>
+</template>
+
+<script lang="ts" setup>
+import { useData } from 'vike-vue/useData'
+import type { Data } from './+data.js'
+
+const { movies } = useData<Data>()
+</script>