trying again after adjusting shards

apps/vue-storybook/.percy.yml

@@ -1,6 +1,7 @@
 version: 2
 snapshot:
   widths:
+    - 375
     - 1280
   minHeight: 1024
   percyCSS: ''
@@ -17,18 +18,15 @@ storybook:
   # waitForSelector: ''
   # additionalSnapshots: []
   include: [
-      'Templates/PageNewsDetail: Hero Carousel',
-      'Templates/PageEventDetail: PageEventDetail',
-      'Templates/EDU/PageContent: PageContent'
-      # 'Foundations/Typography: Text Styles',
-      # 'Foundations/Themes: Dynamic Tokens',
-      # 'Foundations/Logos/LogoTribrand: Logo Inline SVG',
-      # 'Foundations/Grid and Layout: Full Page Example',
-      # # TODO: add a story that has all icons in it
-      # 'Navigation/*',
-      # 'Components/*',
-      # 'Mixins/*',
-      # 'Templates/*'
+      'Foundations/Typography: Text Styles',
+      'Foundations/Themes: Dynamic Tokens'
+      'Foundations/Logos/LogoTribrand: Logo Inline SVG',
+      'Foundations/Grid and Layout: Full Page Example',
+      # TODO: add a story that has all icons in it
+      'Navigation/*',
+      'Components/*',
+      'Mixins/*',
+      'Templates/*'
     ]
   exclude:
     [

apps/vue-storybook/package.json

@@ -19,8 +19,8 @@
     "prepare:fontcss": "cp ./node_modules/@explorer-1/common/src/scss/_fonts.scss ./public/css/font-face.css",
     "storybook": "storybook dev -c .storybook -p 6006 --ci",
     "build": "storybook build -c .storybook -o storybook_compiled NODE_ENV='production'",
-    "percy": "percy storybook ./storybook_compiled --verbose",
-    "percy:debug": "percy storybook ./storybook_compiled --debug",
+    "percy": "percy storybook ./storybook_compiled --verbose --shard-count=100 --shard-index=10",
+    "percy:debug": "percy storybook ./storybook_compiled --debug --shard-count=2 --shard-index=1",
     "percy:dry-run": "percy storybook ./storybook_compiled --dry-run",
     "lint:app": "eslint './.storybook/**/*.@(js|ts)'",
     "lint:app:fix": "eslint './.storybook/**/*.@(js|ts)' --fix",