uses @phila/pinboard 2.0.86

package.json

@@ -16,7 +16,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.7.1",
     "@fortawesome/pro-regular-svg-icons": "^6.6.0",
     "@phila/phila-ui-core": "^1.0.18",
-    "@phila/pinboard": "^2.0.82",
+    "@phila/pinboard": "^2.0.86",
     "date-fns": "^4.1.0",
     "unplugin-auto-import": "^0.18.3",
     "unplugin-vue-router": "^0.10.8"

src/components/customGreeting.vue

@@ -1,6 +1,5 @@
 <script setup>
 
-// import { parse, format } from 'date-fns';
 import { onMounted, watch, ref, computed, defineEmits } from 'vue';
 
 import $config from '../main.js';
@@ -193,7 +192,7 @@ const getCounts = () => {
         <span v-html="$t('sections.foodSites.pickupDetails.p1')" />&ZeroWidthSpace;
         <span v-html="$t('daysAndTimesVaryBySite')" />
         <div v-html="$t('sections.foodSites.pickupDetails.p3')" />
-        <ul>
+        <ul class="bullet-list">
           <li v-html="$t('sections.foodSites.pickupDetails.li1')" />
           <li v-html="$t('sections.foodSites.pickupDetails.li2')" />
           <li v-html="$t('sections.foodSites.pickupDetails.li3')" />
@@ -247,7 +246,7 @@ const getCounts = () => {
       />
       <div class="column small-cell-pad">
         <div v-html="$t('sections.olderAdultMealSites.eligibility.p1')" />
-        <ul>
+        <ul class="bullet-list">
           <li v-html="$t('sections.olderAdultMealSites.subsections.PCA.eligibility.li1')" />
           <li v-html="$t('sections.olderAdultMealSites.subsections.PPR_Senior.eligibility.li1')" />
         </ul>
@@ -349,7 +348,7 @@ const getCounts = () => {
       />
       <div class="column small-cell-pad">
         <div v-html="$t('sections.publicBenefits.pickupDetails.p1')" />
-        <ul>
+        <ul class="bullet-list">
           <li v-html="$t('sections.publicBenefits.pickupDetails.li1')" />
           <li v-html="$t('sections.publicBenefits.pickupDetails.li2')" />
           <li v-html="$t('sections.publicBenefits.pickupDetails.li3')" />
@@ -370,66 +369,3 @@ const getCounts = () => {
     </div>
   </div>
 </template>
-
-<style lang="scss" scoped>
-
-.main-greeting {
-  padding: 1rem;
-}
-
-.greeting-button {
-  background-color: #0f4d90 !important;
-  border-color: #0f4d90 !important;
-  font-size: 1rem;
-  color: white;
-  cursor: pointer;
-  margin: 1rem;
-}
-
-.greeting-button:hover {
-  background-color: #444444 !important;
-}
-
-.section-header {
-    background-color: #0f4d90;
-    font-size: 16px;
-    color: white;
-    padding: 4px;
-    padding-left: 8px;
-  }
-
-.underlined {
-  text-decoration: underline;
-}
-
-.no-margin {
-  margin: 0px;
-}
-
-.big-cell-pad {
-  font-size: 14px;
-  padding: 4px;
-  margin: 0px !important;
-}
-
-.small-cell-pad {
-  padding-top: 4px;
-  padding-bottom: 4px;
-  padding-right: 4px;
-  padding-left: 0px;
-}
-
-.custom-section {
-  font-size: 14px;
-  margin-left: 8px;
-  margin-top: 4px;
-  margin-top: 4px;
-  margin-bottom: 12px;
-}
-
-.custom-ul {
-  margin-left: 4rem;
-  font-size: 14px;
-}
-
-</style>

vite.config.js

@@ -50,7 +50,7 @@ export default defineConfig(({ mode }) => {
       }
     },
     optimizeDeps: {
-      include: [ '@turf/jsts', 'maplibre-gl', 'concaveman' ],
+      // include: [ '@turf/jsts', 'maplibre-gl', 'concaveman' ],
       // exclude: [ '@phila/pinboard' ]
       // extensions: [".scss", ".sass"],
     }