feat: add localization support

studio/schemas/catalog.js

@@ -10,7 +10,7 @@ export default {
     {
       name: 'name',
       title: 'Name',
-      type: 'string',
+      type: 'localeString',
       validation: (rule) => rule.required(),
     },
     {

studio/schemas/country.js

@@ -10,7 +10,7 @@ export default {
     {
       name: 'name',
       title: 'Name',
-      type: 'string',
+      type: 'localeString',
       validation: (rule) => rule.required(),
     },
     {

studio/schemas/locale/Slug.js

@@ -0,0 +1,19 @@
+import supportedLanguages from "./supportedLanguages"
+
+export default {
+  name: "localeSlug",
+  type: "object",
+  fieldsets: [
+    {
+      title: "Translations",
+      name: "translations",
+      options: {collapsible: true},
+    },
+  ],
+  fields: supportedLanguages.map((lang) => ({
+    title: lang.title,
+    name: lang.id,
+    type: "slug",
+    fieldset: lang.isDefault ? null : "translations",
+  })),
+}

studio/schemas/locale/supportedLanguages.js

@@ -1,5 +1,4 @@
 export default [
   {id: "en", title: "English", isDefault: true},
-  {id: "es", title: "Spanish"},
-  {id: "nb", title: "Norwegian"},
+  {id: "it", title: "Italian"}
 ]

studio/schemas/product.js

@@ -11,20 +11,20 @@ export default {
       id: 'name',
       name: 'name',
       title: 'Name',
-      type: 'string',
+      type: 'localeString',
       validation: (rule) => rule.required(),
     },
     {
       id: 'description',
       name: 'description',
       title: 'Description',
-      type: 'text',
+      type: 'localeText',
     },
     {
       id: 'slug',
       name: 'slug',
       title: 'Slug',
-      type: 'slug',
+      type: 'localeSlug',
       options: {
         source: 'Name',
         maxLength: 200,

studio/schemas/productImage.js

@@ -10,13 +10,13 @@ export default {
     {
       name: 'name',
       title: 'Name',
-      type: 'string',
+      type: 'localeString',
       validation: (rule) => rule.required(),
     },
     {
       name: 'description',
       title: 'Description',
-      type: 'text',
+      type: 'localeText',
     },
     {
       name: 'images',

studio/schemas/schema.js

@@ -14,6 +14,7 @@ import blockContent from './blockContent'
 import productImage from './productImage'
 import localeString from './locale/String'
 import localeText from './locale/Text'
+import localeSlug from './locale/Slug'
 import localeBlockContent from './locale/BlockContent'
 
 // Then we give our schema to the builder and provide the result to Sanity
@@ -36,8 +37,9 @@ export default createSchema({
     // { type: "typename" } in other document schemas
     productImage,
     blockContent,
+    localeString,
     localeText,
+    localeSlug,
     localeBlockContent,
-    localeString,
   ]),
 })

studio/schemas/size.js

@@ -11,7 +11,7 @@ export default {
       id: 'name',
       name: 'name',
       title: 'Name',
-      type: 'string',
+      type: 'localeString',
       validation: (rule) => rule.required(),
     },
   ],

studio/schemas/taxon.js

@@ -10,18 +10,18 @@ export default {
     {
       name: 'name',
       title: 'Name',
-      type: 'string',
+      type: 'localeString',
       validation: (rule) => rule.required(),
     },
     {
       name: 'label',
       title: 'Label',
-      type: 'string',
+      type: 'localeString',
     },
     {
       name: 'slug',
       title: 'Slug',
-      type: 'slug',
+      type: 'localeSlug',
       options: {
         source: 'Name',
       },
@@ -30,7 +30,7 @@ export default {
     {
       name: 'description',
       title: 'Description',
-      type: 'text',
+      type: 'localeText',
     },
     {
       name: 'images',

studio/schemas/taxonomy.js

@@ -10,13 +10,13 @@ export default {
     {
       name: 'name',
       title: 'Name',
-      type: 'string',
+      type: 'localeString',
       validation: (rule) => rule.required(),
     },
     {
       name: 'label',
       title: 'Label',
-      type: 'string',
+      type: 'localeString',
     },
     {
       name: 'taxons',

studio/schemas/variant.js

@@ -10,7 +10,7 @@ export default {
     {
       name: 'name',
       title: 'Name',
-      type: 'string',
+      type: 'localeString',
       validation: (rule) => rule.required(),
     },
     {
@@ -22,7 +22,7 @@ export default {
     {
       name: 'description',
       title: 'Description',
-      type: 'text',
+      type: 'localeText',
     },
     {
       name: 'images',