feat(SPA): i18n internationzalization, english and french

web/src/components/PublishControl.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { t } from '@/i18n'
+
 import { computed } from 'vue'
 
 const props = withDefaults(
@@ -23,12 +25,12 @@ const label = computed(() => {
 		return props.pending
 	}
 	if (props.online) {
-		return 'Unpublish'
+		return t('Unpublish')
 	}
 	if (props.dirty) {
-		return 'Save and publish'
+		return t('Save and publish')
 	}
-	return 'Publish'
+	return t('Publish')
 })
 
 const icon = computed(() => {