feat: Setup GraphQL with dynamic node routing logic

wp-content/themes/headless/app/components/nodes/NodePage.gql

@@ -0,0 +1,3 @@
+fragment NodePage on Page {
+  title @nonNull
+}

wp-content/themes/headless/app/components/nodes/NodePage.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+import type { NodePageFragment } from "#graphql/types";
+defineProps<{ node: NodePageFragment }>();
+</script>
+
+<template>
+  <div id="node-page">{{ node.title }}</div>
+</template>