fix: 🐛 AppVeryOldArticle and CSS lost sometimes?? WIP

components/global/AppAlertBox.vue

@@ -21,7 +21,7 @@
  v-if="messageTextContent !== ''"
  v-html="abbreviatize(messageTextContent)"
  />
- <slot class="addemdum" />
+ <slot />
  </rb-notice-box>
 </template>
 
@@ -64,11 +64,12 @@
  data() {
  const messageTextContent = this.message || ''
  const titleTextContent = this.title || ''
- return {
+ const out = {
  messageTextContent,
  titleTextContent,
  shouldBeVisible: true,
  }
+ return out
  },
  methods: {
  abbreviatize,

components/global/AppVeryOldArticle.vue

@@ -86,13 +86,13 @@
  return candidate
  },
  isOldEnough(): boolean {
- return YEAR_CONSIDERED_OLD > this.year
+ const out = YEAR_CONSIDERED_OLD > this.year
+ return out
  },
  },
- created() {
+ async beforeMount() {
+ await this.$nextTick()
  this.shouldBeVisible = this.isOldEnough
- },
- beforeMount() {
  if (this.preamble && this.preamble.disable === true) {
  this.shouldBeVisible = false
  }
@@ -116,6 +116,10 @@
  if (typeof titleTextContentMaybe === 'string') {
  this.titleTextContent = titleTextContentMaybe
  }
+ // I'm probably doing this wrong.
+ // That's 5 years old now and I can't remember if this was done when I
+ // fully understood Vue’s internals. Or before.
+ await this.$nextTick()
  },
  })
 </script>

pages/blog/_year/_month/_slug.vue

@@ -6,6 +6,7 @@
  :date="content.created"
  class="my-4"
  alert-type="warn"
+ role="alert"
  >
  <nuxt-content
  v-if="content.preamble && content.preamble.document !== null"

pages/blog/_year/index.vue

@@ -1,6 +1,7 @@
 <template>
  <div class="pages__blog__year--index">
  <div class="document document--collection">
+ <!--#TODO Reminder v-memo is only in Vue 3, that's probably doing nothing-->
  <div
  v-memo="[contents]"
  class="body"

pages/blog/index.vue

@@ -1,6 +1,7 @@
 <template>
  <div class="pages-blog--index">
  <div class="document document--item z-30">
+ <!--#TODO Reminder v-memo is only in Vue 3, that's probably doing nothing-->
  <div
  v-memo="[contents]"
  class="body"