wrap Transition around various views

projects/frontend/src/views/gallery/gallery-list.vue

@@ -166,6 +166,7 @@ onMounted(async () => {
 
 <template lang="pug">
 .template.gallery-list
+  Transition
     .navigation(
       v-if='ready'
     )

projects/frontend/src/views/gallery/gallery-view.vue

@@ -63,6 +63,7 @@ onMounted(async () => {
 
 <template lang="pug">
 .template.gallery-view
+  Transition
     .view-wrapper(
       v-if='ready'
     )

projects/frontend/src/views/markdown/markdown.vue

@@ -26,6 +26,7 @@ onMounted(async () => {
 
 <template lang="pug">
 .template.markdown
+  Transition
     EmbedableContent(
       v-if='content'
       :content='content'

projects/frontend/src/views/project/project-list.vue

@@ -64,6 +64,7 @@ onMounted(async () => {
 
 <template lang="pug">
 .template.project-list
+  Transition
     .projects(
       v-if='ready'
     )
@@ -78,6 +79,7 @@ onMounted(async () => {
           :viewPath='projectViewPath'
           :isInternal='true'
         )
+  Transition
     FilterPanel(
       v-if='ready && !!config.tags'
       :tags='config.tags'

projects/frontend/src/views/project/project-view.vue

@@ -45,6 +45,7 @@ onMounted(async () => {
 
 <template lang="pug">
 .template.project-view
+  Transition
     article(
       v-if='ready'
     )