Chore/leasson 1a

layers/example/app/pages/example.vue

@@ -0,0 +1,30 @@
+<template>
+  <RplLayout
+    background="default"
+    :showBackToTop="true"
+    side-bar-placement="right"
+  >
+    <template #aboveHeader>
+      <!-- #header - Above header goes here -->
+    </template>
+    <template #primaryNav>
+      <!-- #header - Primary nav goes here -->
+    </template>
+    <template #breadcrumbs>
+    </template>
+    <template #aboveBody="{ hasBreadcrumbs }">
+
+    </template>
+    <template #body="{ hasSidebar }">
+
+    </template>
+    <template #belowBody> </template>
+    <template #footer>
+    </template>
+  </RplLayout>
+</template>
+
+<script setup lang="ts">
+// import { primaryNav, footerNav, footerLinks, heroHeader, cards } from './../../data/nav'
+
+</script>

layers/example/data/nav.ts

@@ -0,0 +1,156 @@
+export const primaryNav = [
+  {
+    text: 'Landing Page',
+    url: '/',
+    id: '29bc9750-a335-455e-9e9a-4166c0bd73df',
+    parent: null,
+    weight: 0
+  }
+]
+
+export const footerNav = [
+  {
+    text: 'Your Services',
+    url: '#services',
+    items: [
+      {
+        text: 'Business and Industry',
+        url: '#'
+      },
+      {
+        text: 'Jobs and the Workplace',
+        url: '#'
+      },
+      {
+        text: 'Transport and Traffic',
+        url: '#'
+      },
+      {
+        text: 'Education',
+        url: '#'
+      },
+      {
+        text: 'Housing and Property',
+        url: '#'
+      }
+    ]
+  },
+  {
+    text: 'News',
+    url: '#news'
+  },
+  {
+    text: 'About VIC Government',
+    url: '#about',
+    items: [
+      {
+        text: 'The Premier and ministers ',
+        url: '#'
+      },
+      {
+        text: 'Departments, agencies and services',
+        url: '#'
+      },
+      {
+        text: 'Strategies and policies',
+        url: '#'
+      },
+      {
+        text: 'Inquiries and royal commissions',
+        url: '#'
+      }
+    ]
+  },
+  {
+    text: 'Events',
+    url: '#events'
+  },
+  {
+    text: 'Connect with us',
+    url: '',
+    items: [
+      {
+        text: 'DFFH Twitter',
+        url: '#',
+        icon: 'icon-x'
+      },
+      {
+        text: 'DH Twitter',
+        url: '#',
+        icon: 'icon-x'
+      },
+      {
+        text: 'DFFH LinkedIn',
+        url: '#',
+        icon: 'icon-linkedin'
+      },
+      {
+        text: 'DFFH Facebook',
+        url: '#',
+        icon: 'icon-facebook'
+      },
+      {
+        text: 'Youtube',
+        url: '#',
+        icon: 'icon-youtube'
+      }
+    ]
+  }
+]
+
+export const footerLinks = [
+  { text: 'Privacy', url: '#' },
+  { text: 'Disclaimer', url: '#' },
+  { text: 'Terms of use', url: '#' },
+  { text: 'Sitemap', url: '#' },
+  { text: 'Accessibility', url: '#' }
+]
+
+
+export const heroHeader = {
+  title: 'Find, connect, shape your Victoria',
+  summary:
+    "Access grants and services, find out what's on in Victoria and have your say on government decisions.",
+  links: {
+    title: 'Popular searches',
+    items: [
+      { text: 'Jobs and careers', url: '#first' },
+      { text: 'Working with Children Check', url: '#second' },
+      { text: 'NDIS Worker Screening Check', url: '#third' },
+      { text: 'Contact the Victorian Government', url: '#fourth' }
+    ]
+  }
+}
+
+export const cards = [
+  {
+    url: 'https://www.vic.gov.au',
+    title: 'Small Business Ventilation Program',
+    image: {
+      src: '/image.jpg',
+      alt: 'image'
+    },
+    content:
+      '<p>Funding for public-facing small businesses to purchase equipment and upgrades to improve ventilation and reduce the spread of COVID-19 and boost customer confidence.</p>'
+  },
+  {
+    url: 'https://www.vic.gov.au',
+    title: 'Small Business Ventilation Program',
+    image: {
+      src: '/image.jpg',
+      alt: 'image'
+    },
+    content:
+      '<p>Funding for public-facing small businesses to purchase equipment and upgrades to improve ventilation and reduce the spread of COVID-19 and boost customer confidence.</p>'
+  },
+  {
+    url: 'https://www.vic.gov.au',
+    title: 'Small Business Ventilation Program',
+    image: {
+      src: '/image.jpg',
+      alt: 'image'
+    },
+    content:
+      '<p>Funding for public-facing small businesses to purchase equipment and upgrades to improve ventilation and reduce the spread of COVID-19 and boost customer confidence.</p>'
+  }
+]

nuxt.config.ts

@@ -1,5 +1,5 @@
 // See: https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   compatibilityDate: '2025-05-10',
-  extends: []
+  extends: ['./layers/example']
 })