diff --git a/components/TButton.vue b/components/TButton.vue
index 8d883c4e..8493bbe8 100644
--- a/components/TButton.vue
+++ b/components/TButton.vue
@@ -127,7 +127,8 @@ export default {
'bg-transparent text-primary font-semibold py-2 px-4 border border-primary rounded-full no-underline hover:bg-primary hover:text-white hover:border-transparent',
link: 'underline font-semibold hover:no-underline',
context:
- 'text-left w-full px-4 py-2 text-gray-800 hover:bg-indigo-500 hover:text-white',
+ 'text-left w-full px-4 py-2 hover:bg-indigo-500 hover:text-white',
+ 'context-active': 'text-left w-full px-4 py-2 bg-indigo-500 text-white',
nav:
'p-2 font-semibold items-center flex rounded-full hover:bg-red-100 hover:text-primary',
void: '',
diff --git a/components/TCommentsInline.vue b/components/TCommentsInline.vue
index 0894d12f..40b80887 100644
--- a/components/TCommentsInline.vue
+++ b/components/TCommentsInline.vue
@@ -33,11 +33,15 @@ export default {
type: Object,
default: () => ({}),
},
+ autoload: {
+ type: Boolean,
+ default: false,
+ },
},
setup(props) {
const { username } = useAuth()
const newReply = ref('')
- const showComments = ref(false)
+ const showComments = ref(props.autoload)
const { softUpdate } = useDoc('posts')
const { create } = useDoc('comments')
diff --git a/components/TDropdown.vue b/components/TDropdown.vue
index 4af5194c..d08c4ef1 100644
--- a/components/TDropdown.vue
+++ b/components/TDropdown.vue
@@ -3,9 +3,9 @@