From 63b9d41470329b067f468c2f40b633e646a1d88f Mon Sep 17 00:00:00 2001
From: lesion <lesion@autistici.org>
Date: Fri, 20 May 2022 12:10:32 +0200
Subject: [PATCH] minor

---
 components/Event.vue |  4 ++--
 pages/add/_edit.vue  |  2 +-
 pages/tag/_tag.vue   | 34 ++++++++++++++++++++++++++++++++++
 3 files changed, 37 insertions(+), 3 deletions(-)
 create mode 100644 pages/tag/_tag.vue

diff --git a/components/Event.vue b/components/Event.vue
index 2842125e..ee2a8af4 100644
--- a/components/Event.vue
+++ b/components/Event.vue
@@ -13,8 +13,8 @@
 
     v-card-actions.pt-0.actions.justify-space-between
       .tags
-        v-chip.ml-1.mt-1(v-for='tag in event.tags.slice(0,6)' small
-          :key='tag' outlined color='primary' @click="$emit('tagclick', tag)") {{tag}}
+        v-chip.ml-1.mt-1(v-for='tag in event.tags.slice(0,6)' small :to='`/tag/${tag}`'
+          :key='tag' outlined color='primary' v-text='tag')
 
       client-only
         v-menu(offset-y)
diff --git a/pages/add/_edit.vue b/pages/add/_edit.vue
index 13728cba..c2d76c14 100644
--- a/pages/add/_edit.vue
+++ b/pages/add/_edit.vue
@@ -154,7 +154,7 @@ export default {
       if (!this.tagName) { return this.tags.slice(0, 10).map(t => t.tag) }
       const tagName = this.tagName.trim().toLowerCase()
       return this.tags.filter(t => t.tag.toLowerCase().includes(tagName)).map(t => t.tag)
-    }    
+    }
   },
   methods: {
     ...mapActions(['updateMeta']),
diff --git a/pages/tag/_tag.vue b/pages/tag/_tag.vue
new file mode 100644
index 00000000..6aa5d542
--- /dev/null
+++ b/pages/tag/_tag.vue
@@ -0,0 +1,34 @@
+<template>
+  <v-container id='home' class='pa-0 pa-sm-2' fluid>
+    <v-btn text color='primary' to='/'><v-icon v-text='mdiChevronLeft'/> Home</v-btn><h2 class='d-inline'>{{$t('event.tag_description')}} <u>{{tag}}</u></h2>
+
+    <!-- Events -->
+    <!-- .mb-2.mt-1.pl-1.pl-sm-2 -->
+    <div id="events">
+      <Event :event='event' v-for='(event, idx) in events' :lazy='idx>2' :key='event.id'></Event>
+    </div>
+  </v-container>
+</template>
+<script>
+
+import { mdiChevronLeft } from '@mdi/js'
+import Event from '@/components/Event'
+
+export default {
+  name: 'Tag',
+  components: { Event },
+  data () {
+    return { mdiChevronLeft }
+  },
+  async asyncData ({ $axios, params, error }) {
+    try {
+      const tag = params.tag
+      const events = await $axios.$get(`/events?tags=${params.tag}`)
+      return { events, tag }
+    } catch (e) {
+      error({ statusCode: 400, message: 'Error!' })
+    }
+  }
+
+}
+</script>
\ No newline at end of file