SEO meta nuxt migration (#274)

* SEO meta nuxt migration

* Polish seo metas, add defaults for OG and twitter

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

client/pages/settings/account.vue

@@ -20,15 +20,18 @@ import { useRouter } from 'vue-router';
 
 const router = useRouter()
 const authStore = useAuthStore()
-const metaTitle = 'Account'
 let loading = false
 
+useOpnSeoMeta({
+  title: 'Account'
+})
+
 const deleteAccount = () => {
   loading = true
   opnFetch('/user', {method:'DELETE'}).then(async (data) => {
     loading = false
     useAlert().success(data.message)
-    
+
     // Log out the user.
     await authStore.logout()
 

client/pages/settings/admin.vue

@@ -41,7 +41,10 @@ definePageMeta({
   middleware: "admin"
 })
 
-const  metaTitle = 'Admin'
+useOpnSeoMeta({
+  title: 'Admin'
+})
+
 const authStore = useAuthStore()
 const workspacesStore = useWorkspacesStore()
 const router = useRouter()

client/pages/settings/billing.vue

@@ -24,7 +24,10 @@ import { computed } from 'vue'
 import { useAuthStore } from '../../stores/auth'
 import AppSumoBilling from '../../components/vendor/appsumo/AppSumoBilling.vue'
 
-const metaTitle = 'Billing'
+useOpnSeoMeta({
+  title: 'Billing'
+})
+
 const authStore = useAuthStore()
 let user = computed(() => authStore.user)
 let billingLoading = false

client/pages/settings/password.vue

@@ -25,7 +25,10 @@
 </template>
 
 <script setup>
-const metaTitle = 'Password'
+useOpnSeoMeta({
+  title: 'Password'
+})
+
 let form = useForm({
   password: '',
   password_confirmation: ''

client/pages/settings/profile.vue

@@ -23,7 +23,11 @@
 <script setup>
 const authStore = useAuthStore()
 const user = computed(() => authStore.user)
-const metaTitle = 'Profile'
+
+useOpnSeoMeta({
+  title: 'Profile'
+})
+
 let form = useForm({
   name: '',
   email: ''

client/pages/settings/workspace.vue

@@ -122,7 +122,11 @@ const crisp = useCrisp()
 const workspacesStore = useWorkspacesStore()
 const workspaces = computed(() => workspacesStore.getAll)
 let loading = computed(() => workspacesStore.loading)
-const metaTitle = 'Workspaces'
+
+useOpnSeoMeta({
+  title: 'Workspaces'
+})
+
 let form = useForm({
   name: '',
   emoji: ''