@windward/games 0.19.1 → 0.21.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## Release [0.21.0] - 2025-07-29
+
+* Merged in feature/LE-1912/sorting-game-generation (pull request #246)
+* Merged in feature/LE-1913/matching-block (pull request #245)
+* Merge branch 'release/0.21.0' into feature/LE-1913/matching-block
+* Merge branch 'develop' into Feature/LE-1913/matching-block
+* Merge branch 'develop' into feature/LE-1882/bucket-games
+
+
+## Release [0.20.0] - 2025-06-25
+
+* Merged in feature/LE-1948/empty-bucket (pull request #242)
+* Merged in LE-1951-bucket-update-default-instructio (pull request #239)
+* Merged in bugfix/LE-1954-bucket-long-answers-have-both-sc (pull request #240)
+* Merged in bugfix/LE-1906-ai-assistant-button-text (pull request #241)
+
+
 ### Hotfix [0.19.1] created - 2025-06-16
 
 

package/bitbucket/releases/delete-rc-tags.sh

@@ -0,0 +1,35 @@
+#!/bin/bash
+
+# Checkout the release branch
+git checkout master || exit 1
+git pull origin master || exit 1
+
+# Configure Git user for the current repository
+git config user.email "commits-noreply@bitbucket.org"
+git config user.name "bitbucket-pipelines"
+
+# Extract version from the last merge commit message. Expecting `Merged in xx.xx.xx`
+VERSION=$(basename "$(git log -1 --pretty=%B | grep -o -E "Merged in (release|hotfix)\/([0-9]+\.[0-9]+\.[0-9]+)")")
+
+if [ -z "$VERSION" ]; then
+  echo "Error: Could not extract version from release branch name."
+  exit 1
+fi
+
+echo "Running auto-rc-tag delete for version $VERSION"
+
+# Delete all rc tags for the version
+rc_tags=$(git tag --list "$VERSION-rc*")
+
+if [ -n "$rc_tags" ]; then
+  echo "Deleting rc tags for version $VERSION..."
+  for tag in $rc_tags; do
+    git tag -d "$tag"
+    git push origin ":refs/tags/$tag"
+  done
+  echo "All rc tags for version $VERSION have been deleted."
+else
+  echo "No rc tags found for version $VERSION."
+fi
+
+exit 0

package/bitbucket/releases/tag-master-release.sh

@@ -0,0 +1,48 @@
+#!/bin/bash
+
+# Checkout the release branch
+git checkout master || exit 1
+git pull origin master || exit 1
+
+# Configure Git user for the current repository
+git config user.email "commits-noreply@bitbucket.org"
+git config user.name "bitbucket-pipelines"
+
+# Extract version from the last merge commit message. Expecting `Merged in xx.xx.xx`
+VERSION=$(basename "$(git log -1 --pretty=%B | grep -o -E "Merged in (release|hotfix)\/([0-9]+\.[0-9]+\.[0-9]+)")")
+
+if [ -z "$VERSION" ]; then
+  echo "Error: Could not extract version from release branch name."
+  exit 1
+fi
+
+echo "Running auto-tag for version $VERSION"
+
+
+# Fetch the latest state of the repository
+git fetch origin
+
+# Get the latest commit on master branch
+LATEST_MASTER_COMMIT=$(git rev-parse origin/master)
+if [ $? -ne 0 ]; then
+  echo "Error: Failed to get the latest commit on master"
+  exit 1
+fi
+
+# Apply the tag to the latest master commit
+git tag -a "$VERSION" -m "Tagging $VERSION" "$LATEST_MASTER_COMMIT"
+if [ $? -ne 0 ]; then
+  echo "Error: Failed to tag the commit $LATEST_MASTER_COMMIT with tag $VERSION"
+  exit 1
+fi
+
+# Push the tag to the repository
+git push origin "$VERSION"
+if [ $? -ne 0 ]; then
+  echo "Error: Failed to push the tag $VERSION"
+  exit 1
+fi
+
+echo "Tag $VERSION successfully applied to commit $LATEST_MASTER_COMMIT and pushed to repository."
+
+exit 0

package/bitbucket-pipelines.yml

@@ -1,6 +1,14 @@
 image: atlassian/default-image:3
 
 pipelines:
+  pull-requests:
+    '**':
+      - step:
+          name: Build and test
+          image: node:16.20.2
+          script:
+            - npm install
+            - npm run test
   custom:
     create-release:
       import: infrastructure-automation:master:create-release
@@ -11,4 +19,6 @@ pipelines:
     "release/*":
       import: infrastructure-automation:master:auto-update
     "hotfix/*":
-      import: infrastructure-automation:master:auto-update
+      import: infrastructure-automation:master:auto-update
+    master:
+      import: infrastructure-automation:master:auto-publish-release

package/components/content/blocks/dragDrop/BucketGame.vue

@@ -623,7 +623,7 @@ export default {
     min-width: 10vw;
     padding-left: 4px;
     padding-right: 4px;
-    overflow: hidden;
+    overflow: hidden !important;
     white-space: nowrap;
     text-overflow: ellipsis;
     background-color: white;

package/components/settings/BucketGameSettingsManager.vue

@@ -198,7 +198,7 @@
                 <v-col cols="12">
                     <GenerateAIQuestionButton
                         :course="course"
-                        :content="content"
+                        :content="currentContent"
                         :block="block"
                         question-type="bucket_game"
                         :replace-existing-mode="replaceExisting"
@@ -239,7 +239,7 @@ export default {
         TextEditor,
         GenerateAIQuestionButton,
     },
-    beforeMount() {
+    beforeMount() {   
         if (_.isEmpty(this.block)) {
             this.block = {}
         }
@@ -301,7 +301,7 @@ export default {
     computed: {
         ...mapGetters({
             course: 'course/get',
-            content: 'content/get',
+            currentContent: 'content/get',
         }),
     },
     methods: {

package/components/settings/FlashCardSlidesManager.vue

@@ -21,12 +21,12 @@
                 :disabled="render"
                 @click:close="onDelete($event)"
             >
-                <template #header="{ item, index }">
+                <template #header="{ index }">
                     {{
                         stripHtml(block.metadata.config.cards[index].front.text)
                     }}
                 </template>
-                <template #body="{ item, index }">
+                <template #body="{ index }">
                     <v-container>
                         <v-row
                             class="d-flex justify-space-around"
@@ -258,7 +258,7 @@
                 <v-col cols="12">
                     <GenerateAIQuestionButton
                         :course="course"
-                        :content="content"
+                        :content="currentContent"
                         :block="block"
                         question-type="flashcard"
                         :replace-existing-mode="replaceExisting"
@@ -343,7 +343,7 @@ export default {
     computed: {
         ...mapGetters({
             course: 'course/get',
-            content: 'content/get',
+            currentContent: 'content/get',
         }),
         defaultCard() {
             return {
@@ -511,4 +511,3 @@ export default {
     },
 }
 </script>
-

package/components/settings/MatchingGameManager.vue

@@ -248,12 +248,28 @@
                 indeterminate
             ></v-progress-circular>
         </div>
+        <v-container class="pa-4 mb-6">
+            <v-row>
+                <v-col cols="12">
+                    <GenerateAIQuestionButton
+                        :course="course"
+                        :content="content"
+                        :block="block"
+                        question-type="matching_game"
+                        :replace-existing-mode="replaceExisting"
+                        @click:generate="onGeneratedMatchingGame"
+                    ></GenerateAIQuestionButton>
+                </v-col>
+            </v-row>
+        </v-container>
     </div>
 </template>
 
 <script>
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import _ from 'lodash'
+import { mapGetters } from 'vuex'
+import { GenerateAIQuestionButton } from '@windward/core/utils'
 import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 import Uuid from '~/helpers/Uuid'
@@ -266,6 +282,7 @@ export default {
         SortableExpansionPanel,
         ImageAssetSettings,
         BaseContentBlockSettings,
+        GenerateAIQuestionButton
     },
     beforeMount() {
         if (_.isEmpty(this.block)) {
@@ -326,8 +343,15 @@ export default {
         return {
             valid: true,
             loading: false,
+            replaceExisting: false,
         }
     },
+    computed: {
+        ...mapGetters({
+            course: 'course/get',
+            content: 'content/get',
+        }),
+    },
     mounted() {},
     methods: {
         onAddPrompt(index = 0) {
@@ -464,6 +488,129 @@ export default {
             // holder array now has new answer positions
             this.block.metadata.config.prompts = holderArray
         },
+        // Handler for receiving matching game data from GenerateAIQuestionButton
+        onGeneratedMatchingGame(activityData, replaceMode) {
+
+            this.loading = true
+            try {
+                // Process the activity data
+                if (activityData && activityData.metadata &&
+                    activityData.metadata.config &&
+                    activityData.metadata.config.answerObjects &&
+                    activityData.metadata.config.prompts &&
+                    Array.isArray(activityData.metadata.config.answerObjects) &&
+                    Array.isArray(activityData.metadata.config.prompts)) {
+
+                    if (replaceMode) {
+                        // Replace mode: Clear existing answers and prompts
+                        this.block.metadata.config.answerObjects.splice(0, this.block.metadata.config.answerObjects.length)
+                        this.block.metadata.config.prompts.splice(0, this.block.metadata.config.prompts.length)
+
+                        // Add all new answer objects and prompts
+                        activityData.metadata.config.answerObjects.forEach((answerObj, index) => {
+                            this.block.metadata.config.answerObjects.push({
+                                id: index.toString(),  // string id
+                                display: answerObj.display || ''
+                            })
+                        })
+
+                        // Add all prompts - following the exact pattern from BucketGameSettingsManager
+                        activityData.metadata.config.prompts.forEach((promptArray, index) => {
+                            this.block.metadata.config.prompts[index] = []
+                            if (Array.isArray(promptArray)) {
+                                promptArray.forEach(prompt => {
+                                    // Ensure the answer object reference is correct
+                                    const answerObj = this.block.metadata.config.answerObjects[index]
+                                    this.block.metadata.config.prompts[index].push({
+                                        id: index.toString(),  // string id
+                                        textOrImage: prompt.textOrImage || 'text',
+                                        prompt: prompt.prompt || '',
+                                        matchExplanation: prompt.matchExplanation || this.$t('windward.games.components.settings.matching_game.form.correct_match'),
+                                        fileConfig: prompt.fileConfig || {
+                                            hideBackground: true,
+                                        },
+                                        answer: answerObj
+                                    })
+                                })
+                            }
+                        })
+                    } else {
+                        // Merge mode: Add new terms and prompts to existing ones
+                        // Check if there's only one empty answer (the default one created on init)
+                        const hasOnlyEmptyAnswer = this.block.metadata.config.answerObjects.length === 1 && 
+                                                   this.block.metadata.config.answerObjects[0].display === '';
+                        
+                        if (hasOnlyEmptyAnswer) {
+                            // If there's only one empty answer, replace it instead of merging
+                            this.block.metadata.config.answerObjects.splice(0, 1);
+                            this.block.metadata.config.prompts.splice(0, 1);
+                        }
+                        
+                        const existingAnswerCount = this.block.metadata.config.answerObjects.length
+
+                        // Add new answer objects
+                        activityData.metadata.config.answerObjects.forEach((answerObj, index) => {
+                            const newIndex = existingAnswerCount + index
+                            this.block.metadata.config.answerObjects.push({
+                                id: newIndex.toString(),  // string id
+                                display: answerObj.display || ''
+                            })
+                        })
+
+                        // Add new prompts
+                        activityData.metadata.config.prompts.forEach((promptArray, index) => {
+                            const adjustedIndex = existingAnswerCount + index
+                            this.block.metadata.config.prompts[adjustedIndex] = []
+                            if (Array.isArray(promptArray)) {
+                                promptArray.forEach(prompt => {
+                                    const answerObj = this.block.metadata.config.answerObjects[adjustedIndex]
+                                    this.block.metadata.config.prompts[adjustedIndex].push({
+                                        id: adjustedIndex.toString(),  // string id
+                                        textOrImage: prompt.textOrImage || 'text',
+                                        prompt: prompt.prompt || '',
+                                        matchExplanation: prompt.matchExplanation || this.$t('windward.games.components.settings.matching_game.form.correct_match'),
+                                        fileConfig: prompt.fileConfig || {
+                                            hideBackground: true,
+                                        },
+                                        answer: answerObj
+                                    })
+                                })
+                            }
+                        })
+                    }
+
+                    // Update title and instructions if provided and we're in replace mode
+                    if (replaceMode) {
+                        if (activityData.metadata.config.title) {
+                            this.block.metadata.config.title = activityData.metadata.config.title
+                        }
+
+                        if (activityData.metadata.config.instructions) {
+                            this.block.metadata.config.instructions = activityData.metadata.config.instructions
+                        }
+                    }
+
+                    this.$toast.success(
+                        replaceMode
+                            ? this.$t('windward.games.components.settings.matching_game.form.replaced_successfully')
+                            : this.$t('windward.games.components.settings.matching_game.form.added_successfully'),
+                        { duration: 3000 }
+                    )
+                } else {
+                    this.$toast.error(this.$t('windward.games.components.settings.matching_game.form.invalid_response'), {
+                        duration: 5000
+                    })
+                }
+            } catch (error) {
+                // Extract error message from the response
+                const errorMessage = error.message || 'Unknown error occurred'
+                this.$toast.error(`${this.$t('windward.games.components.settings.matching_game.form.failed_to_process')}: ${errorMessage}`, {
+                    duration: 5000
+                })
+            } finally {
+                this.loading = false
+            }
+        }
     },
 }
 </script>

package/components/settings/SortingGameSettingsManager.vue

@@ -79,6 +79,20 @@
                 :disabled="render"
             ></v-textarea>
         </v-container>
+        <v-container class="pa-4 mb-6">
+            <v-row>
+                <v-col cols="12">
+                    <GenerateAIQuestionButton
+                        :course="course"
+                        :content="currentContent"
+                        :block="block"
+                        question-type="sorting_game"
+                        :replace-existing-mode="replaceExisting"
+                        @click:generate="onGeneratedSortingGame"
+                    ></GenerateAIQuestionButton>
+                </v-col>
+            </v-row>
+        </v-container>
         <div v-if="loading" class="text-center">
             <v-progress-circular
                 :size="70"
@@ -92,6 +106,8 @@
 
 <script>
 import _ from 'lodash'
+import { mapGetters } from 'vuex'
+import { GenerateAIQuestionButton } from '@windward/core/utils'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
@@ -100,7 +116,7 @@ import Uuid from '~/helpers/Uuid'
 export default {
     name: 'SortingGameSettingsManager',
     extends: BaseContentSettings,
-    components: { SortableExpansionPanel, BaseContentBlockSettings },
+    components: { SortableExpansionPanel, BaseContentBlockSettings, GenerateAIQuestionButton },
     beforeMount() {
         if (_.isEmpty(this.block)) {
             this.block = {}
@@ -148,6 +164,7 @@ export default {
             valid: true,
             dialog: false,
             loading: false,
+            replaceExisting: false,
             headers: [
                 {
                     text: 'Bucket Text',
@@ -159,6 +176,12 @@ export default {
             cursor: null,
         }
     },
+    computed: {
+        ...mapGetters({
+            course: 'course/get',
+            currentContent: 'content/get',
+        }),
+    },
     methods: {
         onAddElement() {
             this.block.metadata.config.answer.forEach((element) => {
@@ -179,6 +202,84 @@ export default {
                 return (element.id = startingIndex)
             })
         },
+        onGeneratedSortingGame(activityData, replaceMode) {     
+            this.loading = true
+            try {
+                // Process the activity data
+                if (activityData && activityData.metadata &&
+                    activityData.metadata.config &&
+                    activityData.metadata.config.answer &&
+                    Array.isArray(activityData.metadata.config.answer)) {
+                    
+                    // Save new items
+                    const newItems = activityData.metadata.config.answer
+
+                    if (replaceMode) {
+                        // Replace mode: Clear existing items
+                        this.block.metadata.config.answer.splice(0, this.block.metadata.config.answer.length)
+
+                        // Add all new items - ensure they have the correct structure
+                        newItems.forEach((item, index) => {
+                            this.block.metadata.config.answer.push({
+                                id: index,
+                                value: item.value || '',
+                                expand: false,
+                            })
+                        })
+                    } else {
+                        // Merge mode: Add new items to existing ones
+                        const hasOnlyEmptyAnswer = this.block.metadata.config.answer.length === 1 && 
+                                                   this.block.metadata.config.answer[0].value === ''
+                        
+                        if (hasOnlyEmptyAnswer) {
+                            // If there's only one empty answer, replace it instead of merging
+                            this.block.metadata.config.answer.splice(0, 1)
+                        }
+
+                        let currentId = this.block.metadata.config.answer.length
+
+                        newItems.forEach((item) => {
+                            this.block.metadata.config.answer.push({
+                                id: currentId,
+                                value: item.value || '',
+                                expand: false,
+                            })
+                            currentId += 1
+                        })
+                    }
+
+                    // Update title and instructions if provided and we're in replace mode
+                    if (replaceMode) {
+                        if (activityData.metadata.config.title) {
+                            this.block.metadata.config.title = activityData.metadata.config.title
+                        }
+
+                        if (activityData.metadata.config.instructions) {
+                            this.block.metadata.config.instructions = activityData.metadata.config.instructions
+                        }
+
+                        // Update feedback if provided
+                        if (activityData.metadata.config.feedback_correct) {
+                            this.block.metadata.config.feedback_correct = activityData.metadata.config.feedback_correct
+                        }
+                    }
+
+                    this.$toast.success(
+                        replaceMode
+                            ? this.$t('windward.games.components.settings.sorting_game.form.replaced_successfully')
+                            : this.$t('windward.games.components.settings.sorting_game.form.added_successfully'),
+                        { duration: 3000 }
+                    )
+                } else {
+                    throw new Error('activity.error.technical')
+                }
+            } catch (error) {
+                // Let the error bubble up to GenerateAIQuestionButton with proper error type
+                throw error
+            } finally {
+                this.loading = false
+            }
+        },
     },
 }
 </script>

package/i18n/en-US/components/settings/bucket_game.ts

@@ -4,7 +4,7 @@ export default {
         mass_entry: 'Mass data entry',
         title: 'Title',
         instructions: 'Instructions',
-        default_instructions: 'Match the correct descriptor to the prompt. To make a match, drag the descriptor and release it over the prompt. Incorrect answers will flash red. Correct answers will flash green and reveal a Continue button so you can move on to the next prompt.',
+        default_instructions: 'Match items and categories by dragging items and releasing them into a category area. Correctly sorted items will remain in the buckets. Keep sorting items until all of them are placed in a category.',
         buckets: 'Bucket Items',
         feedback: {
             feedback: 'Feedback',

package/i18n/en-US/components/settings/matching_game.ts

@@ -7,6 +7,11 @@ export default {
         correct_match: 'This match is correct.',
         incorrect_match: 'That’s an incorrect match. Try again.',
         correct_match_label: 'Explanation of the correct match',
+        replace_existing: 'Replace Existing Matches',
+        added_successfully: 'Matches added successfully',
+        replaced_successfully: 'Matches replaced successfully',
+        invalid_response: 'Invalid response from AI generation',
+        failed_to_process: 'Failed to process AI response',
         feedback: {
             correct: 'feedback when correct',
             incorrect: 'feedback when incorrect',

package/i18n/en-US/components/settings/sorting_game.ts

@@ -5,4 +5,11 @@ export default {
     instructions: 'Drag each statement into the correct order. When you are finished, click the Check Your Answers button. Statements in the correct order will appear green, while statements not in the correct order will appear red.',
     feedback_correct_label: 'Explanation of the correct order',
     default_feedback_correct: 'That is the correct order.',
+    form: {
+        replace_existing: 'Replace existing items',
+        replaced_successfully: 'Items replaced successfully',
+        added_successfully: 'New items added successfully',
+        invalid_response: 'Invalid response from sorting game generation',
+        failed_to_process: 'Failed to process generated sorting game'
+    }
 }

package/i18n/es-ES/components/settings/bucket_game.ts

@@ -5,7 +5,7 @@ export default {
         title: 'Título',
         instructions: 'Instrucciones',
         default_instructions:
-            'Haga coincidir el descriptor correcto con el mensaje. Para hacer una coincidencia, arrastre el descriptor y suéltelo sobre el mensaje. Las respuestas incorrectas parpadearán en rojo. Las respuestas correctas parpadearán en verde y revelarán un botón Continuar para que pueda pasar al siguiente mensaje.',
+            'Haga coincidir elementos y categorías arrastrando elementos y soltándolos en un área de categoría. Los elementos ordenados correctamente permanecerán en los depósitos. Continúe ordenando elementos hasta que todos estén colocados en una categoría.',
         buckets: 'Elementos del depósito',
         feedback: {
             feedback: 'Comentarios',

package/i18n/es-ES/components/settings/matching_game.ts

@@ -16,5 +16,10 @@ export default {
             char_count_less_then:
                 'El número de caracteres para este campo debe ser menor que',
         },
+        replace_existing: 'Reemplazar coincidencias existentes',
+        added_successfully: 'Coincidencias añadidas correctamente',
+        replaced_successfully: 'Coincidencias reemplazadas correctamente',
+        invalid_response: 'Respuesta inválida de la generación de IA',
+        failed_to_process: 'Error al procesar la respuesta de IA'
     },
 }

package/i18n/es-ES/components/settings/sorting_game.ts

@@ -5,4 +5,11 @@ export default {
     instructions: 'Arrastre cada declaración al orden correcto. Cuando haya terminado, haga clic en el botón Verifique sus respuestas. Las declaraciones en el orden correcto aparecerán en verde, mientras que las declaraciones que no estén en el orden correcto aparecerán en rojo.',
     feedback_correct_label: 'Explicación del orden correcto.',
     default_feedback_correct: 'Ese es el orden correcto.',
+    form: {
+        replace_existing: 'Reemplazar elementos existentes',
+        replaced_successfully: 'Elementos reemplazados exitosamente',
+        added_successfully: 'Nuevos elementos agregados exitosamente',
+        invalid_response: 'Respuesta inválida de la generación de juego de ordenamiento',
+        failed_to_process: 'Error al procesar el juego de ordenamiento generado'
+    }
 }

package/i18n/sv-SE/components/settings/bucket_game.ts

@@ -5,7 +5,7 @@ export default {
         title: 'Titel',
         instructions: 'Instruktioner',
         default_instructions:
-            'Matcha rätt beskrivning med prompten. För att göra en matchning, dra deskriptorn och släpp den över prompten. Felaktiga svar blinkar rött. Rätta svar blinkar grönt och visar en Fortsätt-knapp så att du kan gå vidare till nästa uppmaning.',
+            'Matcha objekt och kategorier genom att dra objekt och släppa dem i ett kategoriområde. Korrekt sorterade objekt kommer att förbli i hinkarna. Fortsätt sortera objekt tills alla är placerade i en kategori.',
         buckets: 'Bucket Items',
         feedback: {
             feedback: 'Feedback',

package/i18n/sv-SE/components/settings/matching_game.ts

@@ -16,5 +16,10 @@ export default {
             char_count_less_then:
                 'Teckenantalet för detta fält måste vara mindre än',
         },
+        replace_existing: 'Ersätt befintliga matchningar',
+        added_successfully: 'Matchningar har lagts till',
+        replaced_successfully: 'Matchningar har ersatts',
+        invalid_response: 'Ogiltigt svar från AI-generering',
+        failed_to_process: 'Misslyckades med att bearbeta AI-svar'
     },
 }

package/i18n/sv-SE/components/settings/sorting_game.ts

@@ -5,4 +5,11 @@ export default {
     instructions: 'Dra varje påstående i rätt ordning. När du är klar klickar du på knappen Kontrollera dina svar. Påståenden i rätt ordning visas i grönt, medan påståenden som inte är i rätt ordning visas röda.',
     feedback_correct_label: 'Förklaring av rätt ordning',
     default_feedback_correct: 'Det är rätt ordning.',
+    form: {
+        replace_existing: 'Ersätt befintliga objekt',
+        replaced_successfully: 'Objekt ersatta framgångsrikt',
+        added_successfully: 'Nya objekt tillagda framgångsrikt',
+        invalid_response: 'Ogiltigt svar från sorteringsspelsgenerering',
+        failed_to_process: 'Misslyckades med att bearbeta genererat sorteringsspel'
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/games",
-    "version": "0.19.1",
+    "version": "0.21.0",
     "description": "Windward UI Plugin Games",
     "main": "plugin.js",
     "scripts": {
@@ -21,7 +21,7 @@
     "license": "MIT",
     "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-games#readme",
     "dependencies": {
-        "@windward/core": "^0.19.0",
+        "@windward/core": "^0.21.0",
         "eslint": "^8.11.0",
         "lodash": "^4.17.21",
         "prettier": "^2.6.0",
@@ -32,6 +32,7 @@
     },
     "devDependencies": {
         "@babel/preset-env": "^7.16.11",
+        "@mindedge/vue-api-query": "^1.15.1",
         "@nuxtjs/axios": "^5.13.6",
         "@types/lodash": "^4.14.180",
         "@vue/test-utils": "^1.1.3",