update imports, ts fixes

NiloCK · NiloCK · commit 0230ec9f89a1 · 2025-03-25T11:44:43.000-03:00
diff --git a/packages/courses/src/math/questions/countBy/default.vue b/packages/courses/src/math/questions/countBy/default.vue
@@ -11,6 +11,7 @@
       <input
         :id="`input${i}`"
         :ref="`input${i}`"
+        :class="`input${a}${i}`"
         v-model="answer[i]"
         type="text"
         :autofocus="i === 0"
@@ -25,7 +26,7 @@
 import { defineComponent, ref, computed, PropType, onMounted } from 'vue';
 import { CountBy } from './index';
 import { useViewable, useQuestionView } from '@vue-skuilder/common-ui';
-import { ViewData } from '@/base-course/Interfaces/ViewData';
+import { ViewData } from '@vue-skuilder/common';
 
 export default defineComponent({
   name: 'VerbalAddition',
@@ -44,7 +45,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'VerbalAddition');
-    const questionUtils = useQuestionView<CountBy>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<CountBy>(viewableUtils);
 
     const answer = ref<string[]>(['', '', '', '', '']);
 
diff --git a/packages/courses/src/math/questions/division/horizontal.vue b/packages/courses/src/math/questions/division/horizontal.vue
@@ -11,7 +11,7 @@
 import { defineComponent, ref, computed, PropType } from 'vue';
 import { SingleDigitDivisionQuestion } from './index';
 import { UserInputNumber, useViewable, useQuestionView } from '@vue-skuilder/common-ui';
-import { ViewData } from '@/base-course/Interfaces/ViewData';
+import { ViewData } from '@vue-skuilder/common';
 
 export default defineComponent({
   name: 'DivisionHorizontal',
@@ -34,7 +34,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'DivisionHorizontal');
-    const questionUtils = useQuestionView<SingleDigitDivisionQuestion>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<SingleDigitDivisionQuestion>(viewableUtils);
 
     const answer = ref('');
 
diff --git a/packages/courses/src/math/questions/equalityTest/trueFalse.vue b/packages/courses/src/math/questions/equalityTest/trueFalse.vue
@@ -33,7 +33,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'TrueFalse');
-    const questionUtils = useQuestionView<EqualityTest>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<EqualityTest>(viewableUtils);
 
     // Initialize question
     questionUtils.question.value = new EqualityTest(props.data);
diff --git a/packages/courses/src/math/questions/multiplication/blorizontal.vue b/packages/courses/src/math/questions/multiplication/blorizontal.vue
@@ -34,7 +34,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'MultiplicationHorizontal');
-    const questionUtils = useQuestionView<SingleDigitMultiplicationQuestion>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<SingleDigitMultiplicationQuestion>(viewableUtils);
 
     const answer = ref('');
 
diff --git a/packages/courses/src/math/questions/multiplication/verbal.vue b/packages/courses/src/math/questions/multiplication/verbal.vue
@@ -34,7 +34,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'VerbalMultiplication');
-    const questionUtils = useQuestionView<SingleDigitMultiplicationQuestion>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<SingleDigitMultiplicationQuestion>(viewableUtils);
 
     const answer = ref('');
 
diff --git a/packages/courses/src/math/questions/oneStepEqn/solve.vue b/packages/courses/src/math/questions/oneStepEqn/solve.vue
@@ -50,7 +50,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'Solve');
-    const questionUtils = useQuestionView<OneStepEquation>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<OneStepEquation>(viewableUtils);
 
     const answer = ref('');
     const vars = ['a', 'b', 'd', 'A', 'z', 'B', 'd', 'y'];
diff --git a/packages/courses/src/math/questions/supplementaryAngles/supplementaryAngles.vue b/packages/courses/src/math/questions/supplementaryAngles/supplementaryAngles.vue
@@ -37,7 +37,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'CalculateSupplementaryAngle');
-    const questionUtils = useQuestionView<SupplementaryAngles>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<SupplementaryAngles>(viewableUtils);
 
     const answer = ref('');
     const canvasRef = ref<HTMLCanvasElement | null>(null);
diff --git a/packages/courses/src/math/utility/index.ts b/packages/courses/src/math/utility/index.ts
@@ -1,6 +1,5 @@
 import { isInteger } from 'lodash';
-import { Validator } from '../../../base-course/Interfaces/Validator';
-import { Status } from '@vue-skuilder/common';
+import { Validator, Status } from '@vue-skuilder/common';
 
 /**
  * Returns an integer between (inclusive) the two inputs
diff --git a/packages/courses/src/piano/questions/echo/Playback.vue b/packages/courses/src/piano/questions/echo/Playback.vue
@@ -30,16 +30,13 @@
 
 <script lang="ts">
 import { defineComponent, ref, computed, PropType, onMounted, onBeforeUnmount } from 'vue';
-import { useViewable, useQuestionView } from '@vue-skuilder/common-ui';
 import SkMidi, { eventsToSyllableSequence, SyllableSequence } from '../../utility/midi';
 import { EchoQuestion } from '.';
 import moment from 'moment';
 import SyllableSeqVis from '../../utility/SyllableSeqVis.vue';
 import NoteDisplay from '../../NoteDisplay.vue';
-import { alertUser } from '@vue-skuilder/common-ui';
-import { Status } from '@vue-skuilder/common';
-import { ViewData } from '@/base-course/Interfaces/ViewData';
-import { SkldrMouseTrap } from '@vue-skuilder/common-ui';
+import { SkldrMouseTrap, alertUser, useViewable, useQuestionView } from '@vue-skuilder/common-ui';
+import { ViewData, Status } from '@vue-skuilder/common';
 
 export default defineComponent({
   // this class name *may* be used as a lookup for dynamic component.
diff --git a/packages/courses/src/piano/questions/playNote/NotePlayback.vue b/packages/courses/src/piano/questions/playNote/NotePlayback.vue
@@ -360,7 +360,7 @@ import { useViewable, useQuestionView } from '@vue-skuilder/common-ui';
 import SkMidi, { eventsToSyllableSequence, SyllableSequence } from '../../utility/midi';
 import { PlayNote } from '.';
 import moment from 'moment';
-import { ViewData } from '@/base-course/Interfaces/ViewData';
+import { ViewData } from '@vue-skuilder/common';
 
 export default defineComponent({
   name: 'NotePlayback',
@@ -381,7 +381,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'NotePlayback');
-    const questionUtils = useQuestionView<PlayNote>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<PlayNote>(viewableUtils);
 
     // State
     const midi = ref<SkMidi>();
diff --git a/packages/courses/src/pitch/questions/indentify/textBox.vue b/packages/courses/src/pitch/questions/indentify/textBox.vue
@@ -34,7 +34,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'IdentifyChroma');
-    const questionUtils = useQuestionView<ChromaQuestion>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<ChromaQuestion>(viewableUtils);
 
     const answer = ref('');
     const ctx = ref(new AudioContext());
diff --git a/packages/courses/src/sightsing/questions/IdentifyKey/IdentifyKey.vue b/packages/courses/src/sightsing/questions/IdentifyKey/IdentifyKey.vue
@@ -45,7 +45,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'IdentifyKeyView');
-    const questionUtils = useQuestionView<IdentifyKeyQuestion>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<IdentifyKeyQuestion>(viewableUtils);
 
     const answer = ref('');
 
diff --git a/packages/courses/src/typing/questions/falling-letters/FallingLetters.vue b/packages/courses/src/typing/questions/falling-letters/FallingLetters.vue
@@ -62,7 +62,7 @@
 import { defineComponent, ref, onMounted, onUnmounted, PropType } from 'vue';
 import { useViewable, useQuestionView } from '@vue-skuilder/common-ui';
 import { FallingLettersQuestion } from './index';
-import { ViewData } from '@/base-course/Interfaces/ViewData';
+import { ViewData } from '@vue-skuilder/common';
 
 // Types
 interface Letter {
diff --git a/packages/courses/src/typing/questions/falling-letters/index.ts b/packages/courses/src/typing/questions/falling-letters/index.ts
@@ -90,7 +90,7 @@ export class FallingLettersQuestion extends Question {
   evaluate(a: Answer, t: number) {
     return {
       isCorrect: this.isCorrect(a as Score),
-      performance: this.displayedSkill(a as Score, t),
+      performance: this.displayedSkill(a as Score),
     };
   }
 
diff --git a/packages/courses/src/typing/questions/single-letter/typeSingleLetter.vue b/packages/courses/src/typing/questions/single-letter/typeSingleLetter.vue
@@ -11,7 +11,7 @@
 import { defineComponent, ref, computed, onMounted, onUnmounted, PropType } from 'vue';
 import { TypeLetterQuestion } from './index';
 import { useViewable, useQuestionView } from '@vue-skuilder/common-ui';
-import { ViewData } from '@/base-course/Interfaces/ViewData';
+import { ViewData } from '@vue-skuilder/common';
 
 export default defineComponent({
   name: 'LetterQuestionView',
@@ -30,7 +30,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'LetterQuestionView');
-    const questionUtils = useQuestionView<TypeLetterQuestion>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<TypeLetterQuestion>(viewableUtils);
     const letterDisplay = ref<HTMLElement | null>(null);
 
     // Initialize question immediately
diff --git a/packages/courses/src/word-work/questions/spelling/textBox.vue b/packages/courses/src/word-work/questions/spelling/textBox.vue
@@ -19,6 +19,7 @@
 import { defineComponent, ref, computed, PropType } from 'vue';
 import { SpellingQuestion } from '@/word-work/questions/spelling';
 import { AudioAutoPlayer, UserInputString, useViewable, useQuestionView } from '@vue-skuilder/common-ui';
+
 import { ViewData } from '@vue-skuilder/common';
 
 export default defineComponent({
@@ -43,7 +44,7 @@ export default defineComponent({
 
   setup(props, { emit }) {
     const viewableUtils = useViewable(props, emit, 'IdentifyVocab');
-    const questionUtils = useQuestionView<SpellingQuestion>(viewableUtils, props.modifyDifficulty);
+    const questionUtils = useQuestionView<SpellingQuestion>(viewableUtils);
 
     const answer = ref('');
 
