Fixed pagination. Added entity page channel tile expand.

renderer/+onRenderClient.js

@@ -1,12 +1,17 @@
 // https://vike.dev/onRenderClient
-import { createApp } from './app';
+import { createApp } from './app.js';
 
 // This onRenderClient() hook only supports SSR, see https://vike.dev/render-modes for how to modify onRenderClient()
 // to support SPA
 async function onRenderClient(pageContext) {
 	const { Page, pageProps } = pageContext;
-	if (!Page) throw new Error('Client-side render() hook expects pageContext.Page to be defined');
+
+	if (!Page) {
+		throw new Error('Client-side render() hook expects pageContext.Page to be defined');
+	}
+
 	const app = createApp(Page, pageProps, pageContext);
+
 	app.mount('#app');
 }
 

renderer/app.js

@@ -1,4 +1,5 @@
 import { createSSRApp, h } from 'vue';
+import VueVirtualScroller from 'vue-virtual-scroller';
 
 import { setPageContext } from './usePageContext.js';
 
@@ -30,6 +31,8 @@ function createApp(Page, pageProps, pageContext) {
 
 	app.provide('pageContext', pageContext);
 
+	app.use(VueVirtualScroller);
+
 	app.component('Link', Link);
 	app.component('Icon', Icon);
 

renderer/container.vue

@@ -32,6 +32,20 @@ onMounted(() => {
 });
 </script>
 
+<style>
+.scroller {
+	height: 30rem;
+	overflow-y: auto;
+}
+
+.item {
+	height: 32px;
+	padding: 0 12px;
+	display: flex;
+	align-items: center;
+}
+</style>
+
 <style scoped>
 .container {
 	height: 100%;