added wp-env + 4 compont test pages, etc

.wp-env.json

@@ -0,0 +1,20 @@
+{
+  "core": "WordPress/WordPress#6.6.1",
+  "plugins": [
+    "https://github.com/wpnuxt/wpnuxt-plugin/releases/download/v0.0.2/wpnuxt-plugin.zip",
+    "https://downloads.wordpress.org/plugin/faustwp.zip",
+    "https://github.com/wpengine/wp-graphql-content-blocks/releases/download/v4.0.1/wp-graphql-content-blocks.zip",
+    "https://downloads.wordpress.org/plugin/wp-graphql.zip"
+  ],
+  "port": 4000,
+  "config": {
+		"FRONTEND_URI": "http://localhost:3000"
+  },
+  "mappings": {
+    "wp-cli.yml": "./wordpress/wp-env-apache-modules.yml",
+    "demo-content": "./wordpress/demo-content"
+  },
+  "lifecycleScripts": {
+    "afterStart": "wp-env run cli wp rewrite structure /%postname%/ --hard"
+  }
+}

docs/2.getting-started/2.configuration.md

@@ -0,0 +1 @@
+

docs/3.blocks/core-button.md

@@ -0,0 +1,47 @@
+---
+title: CoreButton
+---
+
+## attributes
+
+```
+anchor?: string;
+backgroundColor?: string;
+cssClassName?: string;
+fontFamily?: string;
+fontSize?: string;
+gradient?: string;
+style?: string;
+text?: string;
+textAlign?: string;
+textColor?: string;
+linkTarget?: string;
+rel?: string;
+url?: string;
+linkClassName?: string;
+```
+
+## default component
+
+```vue
+<script setup lang="ts">
+import type { CoreButton } from '#wpnuxt/blocks'
+
+defineProps<{
+  block: CoreButton
+}>()
+</script>
+
+<template>
+  <UButton
+    :to="block.attributes.url"
+    :target="block.attributes.linkTarget"
+    :class="block.attributes.cssClassName"
+    :rel="block.attributes.rel"
+    :style="block.attributes.style"
+  >
+    <span v-sanitize="block.attributes.text" />
+  </UButton>
+</template>
+
+```

docs/3.blocks/core-buttons.md

@@ -0,0 +1,30 @@
+---
+title: CoreButtons
+---
+
+```vue
+<script setup lang="ts">
+import type { CoreButtons, EditorBlock } from '#wpnuxt/blocks'
+
+defineProps<{
+  block: CoreButtons
+}>()
+</script>
+
+<template>
+  <div
+    v-for="innerBlock, index in block.innerBlocks"
+    :key="index"
+  >
+    <CoreButton
+      v-if="innerBlock.name === 'core/button'"
+      :block="innerBlock"
+    />
+    <EditorBlock
+      v-else
+      :block="innerBlock"
+    />
+  </div>
+</template>
+
+```

docs/3.blocks/core-code.md

@@ -0,0 +1,3 @@
+---
+title: CoreCode
+---

docs/3.blocks/core-column.md

@@ -0,0 +1,3 @@
+---
+title: CoreColumn
+---

docs/3.blocks/core-columns.md

@@ -0,0 +1,3 @@
+---
+title: CoreColumns
+---

docs/3.blocks/core-heading.md

@@ -0,0 +1,3 @@
+---
+title: CoreHeading
+---

docs/3.blocks/core-image.md

@@ -0,0 +1,3 @@
+---
+title: CoreImage
+---

docs/3.blocks/core-list.md

@@ -0,0 +1,3 @@
+---
+title: CoreList
+---

docs/3.blocks/core-paragraph.md

@@ -0,0 +1,3 @@
+---
+title: CoreParagraph
+---

docs/3.blocks/core-quote.md

@@ -0,0 +1,3 @@
+---
+title: CoreQuote
+---

docs/3.blocks/core-separator.md

@@ -0,0 +1,3 @@
+---
+title: CoreSeparator
+---

package.json

@@ -31,7 +31,10 @@
     "lint:fix": "eslint . --fix",
     "test": "vitest run",
     "test:watch": "vitest watch",
-    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
+    "wp-env": "wp-env",
+    "wp-env:create": "wp-env start --update && ./wordpress/wp-env-cli.sh",
+    "start": "pnpm run wp-env:create && pnpm run dev"
   },
   "dependencies": {
     "@nuxt/image": "^1.7.0",
@@ -42,10 +45,11 @@
   "devDependencies": {
     "@nuxt/devtools": "^1.3.9",
     "@nuxt/eslint-config": "^0.5.0",
-    "@nuxt/module-builder": "^0.8.1",
+    "@nuxt/module-builder": "^0.8.3",
     "@nuxt/schema": "^3.12.4",
-    "@nuxt/test-utils": "^3.13.1",
-    "@types/node": "^22.2.0",
+    "@nuxt/test-utils": "^3.14.1",
+    "@types/node": "^22.3.0",
+    "@wordpress/env": "^10.5.0",
     "changelogen": "^0.5.5",
     "eslint": "^9.9.0",
     "nuxt": "^3.12.4",

playground/.env-example

@@ -0,0 +1,9 @@
+NUXT_IMAGE_PROVIDER='ipx'
+
+WPNUXT_WORDPRESS_URL=http://localhost:4000
+WPNUXT_FRONTEND_URL=http://localhost:3000
+WPNUXT_FAUST_SECRET_KEY=yourKey
+
+WPNUXT_LOG_LEVEL=4
+WPNUXT_ENABLE_CACHE=true
+WPNUXT_STAGING=true

playground/app/app.config.ts

@@ -1,7 +1,9 @@
 export default defineAppConfig({
   ui: {
-    variables: {
-
+    primary: 'reefgold',
+    gray: 'neutral',
+    button: {
+      base: 'mb-1 mr-1'
     }
   }
 })

playground/app/app.vue

@@ -1,6 +1,5 @@
 <template>
   <div>
     <NuxtPage />
-    <StagingBanner />
   </div>
 </template>

playground/app/layouts/default.vue

@@ -1,26 +1,11 @@
 <script setup lang="ts">
-const { data: pages } = await useWPPages()
 const { data: posts } = await useWPPosts()
 </script>
 
 <template>
   <div>
     <header class="prose max-w-5xl mx-auto p-5">
-      Pages:
-      <span
-        v-for="page, index in pages"
-        :key="index"
-      >
-        <NuxtLink
-          v-if="page.slug"
-          :to="'/' + page.slug"
-        >
-          {{ page.title }}
-        </NuxtLink>
-        <span v-if="index !== pages.length - 1"> - </span>
-      </span>
-      <br>
-      Posts:
+      Components:
       <span
         v-for="post, index in posts"
         :key="index"

playground/app/pages/[...slug].vue

@@ -16,5 +16,6 @@ definePageMeta({
 <template>
   <NuxtLayout>
     <BlockRenderer :blocks="post?.editorBlocks" />
+    <StagingBanner />
   </NuxtLayout>
 </template>