@pocketprep/ui-kit 3.8.4 → 3.9.0

package/lib/components/Icons/IconFlagFilled.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -11,12 +18,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconFlagFilled extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconFullView.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="28px" height="20px" viewBox="0 0 28 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -19,12 +26,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconFullView extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconFullViewActive.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="28px" height="20px" viewBox="0 0 28 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -17,12 +24,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconFullViewActive extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconGridDrag.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-        
+
 const { title } = defineProps<{
     title: string
 }>()
@@ -17,4 +17,4 @@ const { title } = defineProps<{
         <rect y="4.5" width="2.5" height="2.5" rx="1.25" fill="currentColor"/>
     </svg>
     <!-- eslint-enable -->
-</template>
+</template>

package/lib/components/Icons/IconHandle.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="14px" height="7px" viewBox="0 0 14 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -12,12 +19,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconHandle extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconHeart.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="21px" height="22px" viewBox="0 0 21 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -8,12 +15,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconHeart extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconHelp.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="19px" height="22px" viewBox="0 0 19 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -14,12 +21,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconHelp extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconHighlight.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-        
+
 const { title } = defineProps<{
     title: string
 }>()
 </script>
-        
+
 <template>
     <!-- eslint-disable -->
     <svg width="134"

package/lib/components/Icons/IconHourglass.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="18px" height="23px" viewBox="0 0 18 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -11,12 +18,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconHourglass extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconImage.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="22px" height="21px" viewBox="0 0 22 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -10,12 +17,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconImage extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconIncorrect.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="21px" height="22px" viewBox="0 0 21 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -10,12 +17,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconIncorrect extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconInfo.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -13,12 +20,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconInfo extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconKeyboard.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="32px" height="20px" viewBox="0 0 32 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -14,12 +21,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Vue, Component, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconKeyboard extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconLaunch.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -14,12 +21,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Vue, Component, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconLaunch extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconLevelUp.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -8,12 +15,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Vue, Component, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconLevelUp extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconLightbulb.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="25px" height="24px" fill="none" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -9,12 +16,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Vue, Component, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconLightbulb extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconLightning.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="18px" height="23px" viewBox="0 0 18 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -10,12 +17,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Vue, Component, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconLightning extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconLink.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -9,12 +16,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Vue, Component, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconLink extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconList.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="22px" height="21px" viewBox="0 0 22 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -15,12 +22,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconList extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconLoading.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background: none; display: block; shape-rendering: auto;" width="24px" height="24px" viewBox="20 20 60 60" preserveAspectRatio="xMidYMid">
@@ -54,12 +61,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconLoading extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconLoading2.vue

@@ -1,19 +1,19 @@
+<script setup lang="ts">
+
+withDefaults(defineProps<{
+    title: string
+    isDarkMode?: boolean
+}>(), {
+    isDarkMode: false,
+})
+</script>
+
 <template>
     <div class="uikit-loading__container">
         <div class="uikit-loading" :class="{ 'uikit-loading--dark': isDarkMode }" />
     </div>
 </template>
 
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconLoading2 extends Vue {
-    @Prop() title!: string
-    @Prop({ default: false }) isDarkMode!: boolean
-}
-</script>
-
 <style lang="scss">
 @use '@/styles/colors' as *;
 
@@ -47,4 +47,4 @@ export default class IconLoading2 extends Vue {
         transform: rotate(359deg);
     }
 }
-</style>
+</style>

package/lib/components/Icons/IconLock.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="21px" height="22px" viewBox="0 0 21 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -12,12 +19,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconLock extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconMissedQuestions.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="25px" height="24px" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -11,12 +18,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconMissedQuestions extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconMoon.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="15px" height="16px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -14,12 +21,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from 'vue-facing-decorator'
-
-@Component
-export default class IconMoon extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconPaginationArrow.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -12,12 +19,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconPaginationArrow extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconPaginationArrowDouble.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="16" height="20" viewBox="0 0 16 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
@@ -14,12 +21,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Component, Vue, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconPaginationArrowDouble extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconPassage.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="22px" height="21px" viewBox="0 0 22 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -11,12 +18,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Vue, Component, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconPassage extends Vue {
-    @Prop() title!: string
-}
-</script>

package/lib/components/Icons/IconPencil.vue

@@ -1,3 +1,10 @@
+<script setup lang="ts">
+
+const { title } = defineProps<{
+    title: string
+}>()
+</script>
+
 <template>
     <!-- eslint-disable -->
     <svg width="25px" height="24px" viewBox="0 0 25 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -8,12 +15,3 @@
     </svg>
     <!-- eslint-enable -->
 </template>
-
-<script lang="ts">
-import { Vue, Component, Prop } from 'vue-facing-decorator'
-
-@Component
-export default class IconPencil extends Vue {
-    @Prop() title!: string
-}
-</script>