Merge pull request #787 from patrickcate/support/000/2023-12-27-updates

2023-12-27 updates

package.json

@@ -65,9 +65,9 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.0.4",
-    "@vueuse/components": "^9.4.0",
-    "@vueuse/core": "^9.4.0",
-    "@vueuse/integrations": "^9.4.0",
+    "@vueuse/components": "^10.7.0",
+    "@vueuse/core": "^10.7.0",
+    "@vueuse/integrations": "^10.7.0",
     "date-fns": "^2.28.0",
     "fast-sort": "^3.1.3",
     "focus-trap": "^7.0.0",
@@ -79,8 +79,6 @@
     "@commitlint/cli": "^17.0.2",
     "@commitlint/config-conventional": "^17.0.2",
     "@cypress/code-coverage": "^3.9.12",
-    "@cypress/vite-dev-server": "^2.2.0",
-    "@cypress/vue": "^4.0.0",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-actions": "^6.4.0",
@@ -96,8 +94,8 @@
     "babel-loader": "^8.2.3",
     "commitizen": "^4.2.4",
     "cross-env": "^7.0.3",
-    "cypress": "^13.6.1",
-    "cypress-real-events": "^1.5.1",
+    "cypress": "^13.6.2",
+    "cypress-real-events": "^1.11.0",
     "cz-customizable": "^6.3.0",
     "eslint": "^8.1.0",
     "eslint-config-prettier": "^8.3.0",
@@ -107,11 +105,11 @@
     "eslint-plugin-vue": "^9.1.1",
     "husky": "^8.0.1",
     "hygen": "^6.1.0",
-    "lint-staged": "^13.0.2",
-    "prettier": "^2.4.1",
+    "lint-staged": "^15.2.0",
+    "prettier": "^2.8.8",
     "semantic-release": "^19.0.5",
     "vite": "^4.0.0",
-    "vite-plugin-istanbul": "^2.5.1",
+    "vite-plugin-istanbul": "^5.0.0",
     "vue": "^3.2.33",
     "vue-loader": "^17.0.0",
     "vue-router": "^4.0.12"

playground/tree-shaking/src/components/HelloWorld.vue

@@ -1,9 +1,11 @@
 <script setup>
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   msg: {
     type: String,
-    required: true
-  }
+    required: true,
+  },
 })
 </script>
 

src/components/BaseHeading/BaseHeading.vue

@@ -1,5 +1,7 @@
 <script setup>
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   tag: {
     type: String,
     default: 'h2',

src/components/UsaChecklist/UsaChecklist.vue

@@ -1,7 +1,9 @@
 <script setup>
 import UsaChecklistItem from '@/components/UsaChecklistItem'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   items: {
     type: Array,
     default: () => [],

src/components/UsaCollectionHeading/UsaCollectionHeading.vue

@@ -2,7 +2,9 @@
 import BaseHeading from '@/components/BaseHeading'
 import BaseLink from '@/components/BaseLink'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   href: {
     type: String,
     default: '',

src/components/UsaCollectionItem/UsaCollectionItem.vue

@@ -1,7 +1,9 @@
 <script setup>
 import UsaCollectionHeading from '@/components/UsaCollectionHeading'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   heading: {
     type: String,
     default: '',

src/components/UsaCollectionMeta/UsaCollectionMeta.vue

@@ -1,5 +1,7 @@
 <script setup>
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   ariaLabel: {
     type: String,
     required: true,

src/components/UsaFooterNav/UsaFooterNav.vue

@@ -5,7 +5,9 @@ import UsaFooterCollapsibleMenu from '@/components/UsaFooterCollapsibleMenu'
 
 const footerVariant = inject('footerVariant', 'medium')
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   ariaLabel: {
     type: String,
     default: 'Footer navigation',

src/components/UsaHeroCallout/UsaHeroCallout.vue

@@ -10,7 +10,9 @@ if (slots?.headingAlt) {
   )
 }
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   headingAlt: {
     type: String,
     default: '',

src/components/UsaIconListItem/UsaIconListItem.vue

@@ -2,7 +2,9 @@
 import BaseHeading from '@/components/BaseHeading'
 import UsaIcon from '@/components/UsaIcon'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   icon: {
     type: String,
     required: true,

src/components/UsaIdentiferMoreInfo/UsaIdentiferMoreInfo.vue

@@ -1,5 +1,7 @@
 <script setup>
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   ariaLabel: {
     type: String,
     default: 'U.S. government information and services',

src/components/UsaIdentifierLogo/UsaIdentifierLogo.vue

@@ -1,7 +1,9 @@
 <script setup>
 import BaseLink from '@/components/BaseLink'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   href: {
     type: String,
     default: '',

src/components/UsaIdentifierMasthead/UsaIdentifierMasthead.vue

@@ -1,5 +1,7 @@
 <script setup>
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   ariaLabel: {
     type: String,
     default: 'Agency identifier',

src/components/UsaIdentifierRequiredLinks/UsaIdentifierRequiredLinks.vue

@@ -1,7 +1,9 @@
 <script setup>
 import BaseLink from '@/components/BaseLink'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   ariaLabel: {
     type: String,
     default: 'Important links',

src/components/UsaLogo/UsaLogo.vue

@@ -1,7 +1,9 @@
 <script setup>
 import BaseLink from '@/components/BaseLink'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   title: {
     type: String,
     default: '',

src/components/UsaMediaBlock/UsaMediaBlock.vue

@@ -1,5 +1,7 @@
 <script setup>
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   customClasses: {
     type: Object,
     default: () => {

src/components/UsaModalCloseButton/UsaModalCloseButton.vue

@@ -4,7 +4,9 @@ import { SVG_SPRITE_PATH } from '@/utils/constants.js'
 
 const svgSpritePath = inject('vueUswds.svgSpritePath', SVG_SPRITE_PATH)
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   ariaLabel: {
     type: String,
     required: true,

src/components/UsaNav/UsaNav.vue

@@ -15,7 +15,9 @@ const isMobileMenuOpen = inject('isMobileMenuOpen', ref(false))
 const mobileMenuId = inject('mobileMenuId')
 const closeMobileMenu = inject('closeMobileMenu')
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   ariaLabel: {
     type: String,
     default: 'Primary navigation',

src/components/UsaNavPrimary/UsaNavPrimary.vue

@@ -17,7 +17,9 @@ const isMegamenu = inject('isMegamenu', ref(false))
 
 const emit = defineEmits(['update:items'])
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   items: {
     type: Array,
     default: () => [],

src/components/UsaNavPrimaryItem/UsaNavPrimaryItem.vue

@@ -11,7 +11,9 @@ import BaseLink from '@/components/BaseLink'
 const closeAllDropdowns = inject('closeAllDropdowns')
 const closeMobileMenu = inject('closeMobileMenu')
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   href: {
     type: String,
     default: '',

src/components/UsaNavSecondary/UsaNavSecondary.vue

@@ -4,7 +4,9 @@ import BaseLink from '@/components/BaseLink'
 
 const isExtendedHeader = inject('isExtendedHeader', false)
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   items: {
     type: Array,
     default: () => [],

src/components/UsaNavSubmenuItem/UsaNavSubmenuItem.vue

@@ -12,7 +12,9 @@ const dropdownId = inject('dropdownId')
 const closeDropdown = inject('closeDropdown')
 const closeMobileMenu = inject('closeMobileMenu')
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   href: {
     type: String,
     default: '',

src/components/UsaNavbar/UsaNavbar.vue

@@ -4,7 +4,9 @@ import { useMobileMenu } from '@/composables/useMobileMenu.js'
 
 const emit = defineEmits(['mobileMenuOpen'])
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   menuButtonLabel: {
     type: String,
     default: 'Menu',

src/components/UsaSidenav/UsaSidenav.vue

@@ -1,7 +1,9 @@
 <script setup>
 import UsaSidenavItem from '@/components/UsaSidenavItem'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   ariaLabel: {
     type: String,
     default: 'Secondary navigation',

src/components/UsaSidenavItem/UsaSidenavItem.vue

@@ -1,7 +1,9 @@
 <script setup>
 import BaseLink from '@/components/BaseLink'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   item: {
     type: Object,
     required: true,

src/components/UsaSignUp/UsaSignUp.vue

@@ -1,7 +1,9 @@
 <script setup>
 import BaseHeading from '@/components/BaseHeading'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   heading: {
     type: String,
     default: 'Sign up',

src/components/UsaSkipnav/UsaSkipnav.vue

@@ -1,7 +1,9 @@
 <script setup>
 import BaseLink from '@/components/BaseLink'
 
-defineProps({
+// Un-used `props` variable needed for code coverage to be instrumented.
+// eslint-disable-next-line no-unused-vars
+const props = defineProps({
   anchor: {
     type: String,
     required: true,