Add Vue 3 Form Library and Survey Creator demos for Nuxt, Vike, Astro, and Quasar

.github/workflows/check-build.yml

@@ -184,6 +184,71 @@ jobs:
       if: matrix.node-version == '18.x'
       run: echo "NODE_OPTIONS=" >> $GITHUB_ENV
 
+  # Meta-framework demos (Nuxt / Vike / Astro / Quasar). Astro requires Node >=22.12.
+  # Add future creator / analytics / pdf framework demos as steps here.
+  build-vue3-node22:
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false
+      matrix:
+        node-version: [22.x]
+
+    steps:
+    - uses: actions/checkout@v3
+
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+
+    - name: Build get-started-library/vue3-nuxt
+      run: |
+        cd get-started-library/vue3-nuxt
+        npm install
+        npm run build
+
+    - name: Build get-started-library/vue3-vike
+      run: |
+        cd get-started-library/vue3-vike
+        npm install
+        npm run build
+
+    - name: Build get-started-library/vue3-astro
+      run: |
+        cd get-started-library/vue3-astro
+        npm install
+        npm run build
+
+    - name: Build get-started-library/vue3-quasar
+      run: |
+        cd get-started-library/vue3-quasar
+        npm install
+        npm run build
+
+    - name: Build get-started-creator/vue3-nuxt
+      run: |
+        cd get-started-creator/vue3-nuxt
+        npm install
+        npm run build
+
+    - name: Build get-started-creator/vue3-vike
+      run: |
+        cd get-started-creator/vue3-vike
+        npm install
+        npm run build
+
+    - name: Build get-started-creator/vue3-astro
+      run: |
+        cd get-started-creator/vue3-astro
+        npm install
+        npm run build
+
+    - name: Build get-started-creator/vue3-quasar
+      run: |
+        cd get-started-creator/vue3-quasar
+        npm install
+        npm run build
   build-angular-node12-node14:
     runs-on: ubuntu-latest
 

get-started-creator/vue3-astro/.gitignore

@@ -0,0 +1,23 @@
+# build output
+dist/
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
+
+# jetbrains setting folder
+.idea/

get-started-creator/vue3-astro/README.md

@@ -0,0 +1,27 @@
+# SurveyJS Creator v3 × Astro
+
+Get-started demo of SurveyJS Creator v3 inside an [Astro](https://astro.build/) + Vue islands app.
+
+The Creator island uses `client:only="vue"` because it relies on `window`, `localStorage`, and Ace Editor.
+
+## Stack
+
+- Astro
+- Vue 3 (`@astrojs/vue`)
+- `survey-creator-vue` / `survey-creator-core` / `survey-core` / `survey-vue3-ui` `3.0.0-beta.8`
+
+## Run
+
+```bash
+npm install
+npm run dev
+```
+
+Open http://127.0.0.1:4321/ (or the URL printed in the terminal).
+
+To preview the production build:
+
+```bash
+npm run build
+npm run preview
+```

get-started-creator/vue3-astro/astro.config.mjs

@@ -0,0 +1,40 @@
+// @ts-check
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { defineConfig } from 'astro/config'
+import vue from '@astrojs/vue'
+
+const root = path.dirname(fileURLToPath(import.meta.url))
+
+// https://astro.build/config
+export default defineConfig({
+  integrations: [vue()],
+  // Bind to IPv4 so http://localhost:4321 works on Windows
+  // (default can listen on ::1 only, which browsers often fail to open).
+  server: {
+    host: '127.0.0.1',
+  },
+  vite: {
+    resolve: {
+      // Package "main" is UMD/CJS; point SSR/prerender at the ESM build for named imports.
+      alias: {
+        'survey-vue3-ui': path.resolve(
+          root,
+          'node_modules/survey-vue3-ui/survey-vue3-ui.es.js',
+        ),
+        'survey-creator-vue': path.resolve(
+          root,
+          'node_modules/survey-creator-vue/survey-creator-vue.es.js',
+        ),
+      },
+    },
+    ssr: {
+      noExternal: [
+        'survey-core',
+        'survey-vue3-ui',
+        'survey-creator-core',
+        'survey-creator-vue',
+      ],
+    },
+  },
+})