fix lint

Author: dylankelly

.playground/nuxt.config.ts

@@ -3,6 +3,26 @@ export default defineNuxtConfig({
   compatibilityDate: '{{{compatibilityDate}}}',
   modules: ['@nuxt/eslint'],
 
+  extends: [
+    '@dpc-sdp/nuxt-ripple',
+    '@dpc-sdp/nuxt-ripple-analytics',
+    '@dpc-sdp/nuxt-ripple-preview',
+    '@dpc-sdp/ripple-sdp-core',
+    '..'
+  ],
+
+  modules: ['@nuxt/eslint'],
+
+  extends: [
+    '@dpc-sdp/nuxt-ripple',
+    '@dpc-sdp/nuxt-ripple-analytics',
+    '@dpc-sdp/nuxt-ripple-preview',
+    '@dpc-sdp/ripple-sdp-core',
+    '..'
+  ],
+
+  modules: ['@nuxt/eslint'],
+
   extends: [
     '@dpc-sdp/nuxt-ripple',
     '@dpc-sdp/nuxt-ripple-analytics',

.projen/tasks.json

@@ -2,7 +2,11 @@ import { SdpRplLayer } from '@dpc-sdp/ripple-sdp-projen-config'
 
 const project = new SdpRplLayer({
   name: 'ripple-lib-starter',
-  defaultReleaseBranch: 'main'
+  siteProjectName: 'reference-sdp-vic-gov-au',
+  defaultReleaseBranch: 'main',
+  addCypress: true,
+  addExamples: true
 })
 
+
 project.synth();

.projenrc.ts

@@ -2,11 +2,11 @@
   <TideBaseLayout
     :site="site"
     :page="page"
-    :siteSection="page.siteSection"
-    :pageTitle="page.title"
-    :pageLanguage="page.lang"
-    :updatedDate="page.changed || page.created"
-    :showContentRating="page.showContentRating"
+    :site-section="page.siteSection"
+    :page-title="page.title"
+    :page-language="page.lang"
+    :updated-date="page.changed || page.created"
+    :show-content-rating="page.showContentRating"
   >
     <template #aboveHeader>
       <slot name="aboveHeader" />
@@ -20,7 +20,7 @@
     <template #aboveBody="{ hasBreadcrumbs }">
       <TideExampleContentTypeHeader
         :header="page.header"
-        :hasBreadcrumbs="hasBreadcrumbs"
+        :has-breadcrumbs="hasBreadcrumbs"
       />
     </template>
     <template #body="{ hasSidebar }">
@@ -32,7 +32,7 @@
       <TideDynamicComponents
         v-if="page.bodyComponents?.length > 0"
         :components="page.bodyComponents"
-        :hasSidebar="hasSidebar"
+        :has-sidebar="hasSidebar"
       />
     </template>
     <template #sidebar>
@@ -45,7 +45,7 @@
 </template>
 
 <script setup lang="ts">
-import { TideSiteData } from '@dpc-sdp/ripple-tide-api/types'
+import type { TideSiteData } from '@dpc-sdp/ripple-tide-api/types'
 import type { TideExampleContentTypePage } from '../../types'
 
 interface Props {