designtopack/src/views/Example.vue

<template>
  <h1>{{ page.content.title }}</h1>
</template>

<script setup>
import { usePageStore } from "../stores/page";
import { storeToRefs } from "pinia";

const { page } = storeToRefs(usePageStore());
</script>

<style scoped></style>
documentation - rules and conventions, creating a page 2024-07-11 14:30:32 +02:00			`<template>`
document new route 2024-09-17 18:11:42 +02:00			`<h1>{{ page.content.title }}</h1>`
documentation - rules and conventions, creating a page 2024-07-11 14:30:32 +02:00			`</template>`
Update Example.vue: add <style scoped> 2024-09-04 11:43:06 +02:00
documentation - rules and conventions, creating a page 2024-07-11 14:30:32 +02:00			`<script setup>`
document new route 2024-09-17 18:11:42 +02:00			`import { usePageStore } from "../stores/page";`
			`import { storeToRefs } from "pinia";`
documentation - rules and conventions, creating a page 2024-07-11 14:30:32 +02:00
document new route 2024-09-17 18:11:42 +02:00			`const { page } = storeToRefs(usePageStore());`
documentation - rules and conventions, creating a page 2024-07-11 14:30:32 +02:00			`</script>`
document new route 2024-09-17 18:11:42 +02:00
			`<style scoped></style>`