Start connecting nuxt and strapi

packages/cms/src/api/page/content-types/page/schema.json

@@ -0,0 +1,26 @@
+{
+  "kind": "collectionType",
+  "collectionName": "pages",
+  "info": {
+    "singularName": "page",
+    "pluralName": "pages",
+    "displayName": "Page"
+  },
+  "options": {
+    "draftAndPublish": true
+  },
+  "pluginOptions": {},
+  "attributes": {
+    "Title": {
+      "type": "string"
+    },
+    "block": {
+      "type": "json"
+    },
+    "public": {
+      "type": "boolean",
+      "default": true,
+      "required": false
+    }
+  }
+}

packages/cms/src/api/page/controllers/page.ts

@@ -0,0 +1,7 @@
+/**
+ * page controller
+ */
+
+import { factories } from '@strapi/strapi'
+
+export default factories.createCoreController('api::page.page');

packages/cms/src/api/page/routes/page.ts

@@ -0,0 +1,7 @@
+/**
+ * page router
+ */
+
+import { factories } from '@strapi/strapi';
+
+export default factories.createCoreRouter('api::page.page');

packages/cms/src/api/page/services/page.ts

@@ -0,0 +1,7 @@
+/**
+ * page service
+ */
+
+import { factories } from '@strapi/strapi';
+
+export default factories.createCoreService('api::page.page');

packages/example-site/app.tsx

@@ -0,0 +1,10 @@
+import { defineComponent } from 'vue';
+import { NuxtPage } from '#components';
+
+export default defineComponent({
+  setup() {
+    return () => (
+      <NuxtPage />
+    );
+  },
+});

packages/example-site/app.vue

@@ -1,5 +0,0 @@
-<template>
-  <div>
-    <NuxtWelcome />
-  </div>
-</template>

packages/example-site/nuxt.config.ts

@@ -2,4 +2,10 @@ import { defineNuxtConfig } from 'nuxt/config';
 
 export default defineNuxtConfig({
   modules: ['nuxt-graphql-client'],
+
+  runtimeConfig: {
+    public: {
+      GQL_HOST: 'http://localhost:1337/graphql' // overwritten by process.env.GQL_HOST
+    },
+  },
 });

packages/example-site/package.json

@@ -13,6 +13,13 @@
     "nuxt": "3.0.0"
   },
   "dependencies": {
+    "@graphql-codegen/cli": "^2.16.1",
+    "@schlechtenburg/core": "^0.0.0",
+    "@schlechtenburg/heading": "^0.0.0",
+    "@schlechtenburg/image": "^0.0.0",
+    "@schlechtenburg/layout": "^0.0.0",
+    "@schlechtenburg/paragraph": "^0.0.0",
+    "event-target-polyfill": "^0.0.3",
     "nuxt-graphql-client": "^0.2.23"
   }
 }

packages/example-site/pages/[path].tsx

@@ -0,0 +1,21 @@
+import { defineComponent } from 'vue';
+import {
+  IBlockData,
+  SbMain,
+} from '@schlechtenburg/core';
+
+export default defineComponent({
+  setup() {
+    const route = useRoute();
+    const path = route.path;
+
+    console.log(path);
+
+    return () => (
+      <div class="sb-main-menu">
+        Path {path}
+        {/*<SbMain block={props.block} />*/}
+      </div>
+    );
+  },
+});

packages/example-site/pages/index.tsx

@@ -0,0 +1,19 @@
+import {
+  defineComponent,
+  PropType,
+} from 'vue';
+import {
+  IBlockData,
+  SbMain,
+} from '@schlechtenburg/core';
+
+export default defineComponent({
+  setup() {
+    return () => (
+      <div class="sb-main-menu">
+        Homepage
+        {/*<SbMain block={props.block} />*/}
+      </div>
+    );
+  },
+});

packages/example-site/queries/page.gql

@@ -0,0 +1,7 @@
+query launches($limit: Int = 5) {
+  launches(limit: $limit) {
+    id
+    launch_year
+    mission_name
+  }
+}