fix(data): swift code snippets for customize your data model

src/pages/[platform]/build-a-backend/data/data-modeling/add-fields/index.mdx

@@ -87,6 +87,8 @@ a.schema({
 });
 ```
 
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android", "flutter"]}>
+
 To set or read the location field on the client side, you can expand a nested object and the type system will auto-infer the allowed values.
 
 ```ts
@@ -100,8 +102,28 @@ const { data: newPost, errors } = await client.models.Post.create({
 console.log(newPost?.location?.lat, newPost?.location?.long);
 ```
 
+</InlineFilter>
+
+<InlineFilter filters={["swift"]}>
+
+To set or read the location field on the client side, you can create a Post object with the location values.
+
+```swift
+let post = Post(
+    location: .init(
+        lat: 48.837006,
+        long: 8.28245))
+let createdPost = try await Amplify.API.mutate(request: .create(post)).get()
+print("\(createdPost)")
+```
+
+</InlineFilter>
+
 ## Specify an enum field type
-Enum has a similar developer experience as custom types: short-hand and long-form approaches. To make building a dropdown UI easier, you can also retrieve all available enum options from your client code.
+
+Enum has a similar developer experience as custom types: short-hand and long-form approaches. 
+
+Short-hand approach
 
 ```ts
 a.schema({
@@ -112,6 +134,8 @@ a.schema({
 });
 ```
 
+Long-form approach
+
 ```ts
 a.schema({
   PrivacySetting: a.enum([
@@ -131,6 +155,8 @@ a.schema({
 });
 ```
 
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android", "flutter"]}>
+
 When creating a new item client-side, the enums are also type-enforced:
 ```ts
 client.models.Post.create({
@@ -143,6 +169,23 @@ client.models.Post.create({
 });
 ```
 
+</InlineFilter>
+
+<InlineFilter filters={["swift"]}>
+
+Creating a new item client-side with the enum value:
+
+```swift
+let post = Post(
+    content: "hello",
+    privacySetting: .private)
+let createdPost = try await Amplify.API.mutate(request: .create(post)).get()
+```
+
+</InlineFilter>
+
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue"]}>
+
 ### List enum values client-side
 
 You can list available enum values client-side using the `client.enums.<ENUM_NAME>.values()` API. For example, this allows you to display the available enum values within a dropdown UI.
@@ -152,6 +195,8 @@ const availableSettings = client.enums.PrivacySetting.values()
 // availableSettings returns ["PRIVATE", "FRIENDS_ONLY", "PUBLIC"]
 ```
 
+</InlineFilter>
+
 ## Mark fields as required
 
 By default, fields are optional. To mark a field as required, use the `.required()` modifier.

src/pages/[platform]/build-a-backend/data/data-modeling/identifiers/index.mdx

@@ -41,13 +41,29 @@ const schema = a.schema({
 });
 ```
 
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android", "flutter"]}>
+
 ```ts
 const client = generateClient<Schema>();
 
 const todo = await client.models.Todo.create({ content: 'Buy Milk', completed: false });
 console.log(`New Todo created: ${todo.id}`); // New Todo created: 5DB6B4CC-CD41-49F5-9844-57C0AB506B69
 ```
 
+</InlineFilter>
+
+<InlineFilter filters={["swift"]}>
+
+```swift
+let todo = Todo(
+    content: "Buy Milk", 
+    completed: false)
+let createdTodo = try await Amplify.API.mutate(request: .create(todo)).get()
+print("New Todo created: \(createdTodo)")
+```
+
+</InlineFilter>
+
 If you want, you can use Amplify Data to define single-field and composite identifiers:
 - Single-field identifier with a consumer-provided value (type: `id` or `string`, and must be marked `required`)
 - Composite identifier with a set of consumer-provided values (type: `id` or `string`, and must be marked `required`)
@@ -66,12 +82,29 @@ const schema = a.schema({
   .identifier(['todoId'])
   .authorization(allow => [allow.publicApiKey()]),
 });
+```
 
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android", "flutter"]}>
+```ts
 const client = generateClient<Schema>();
 
- const { data: todo, errors } = await client.models.Todo.create({ todoId: 'MyUniqueTodoId', content: 'Buy Milk', completed: false });
+const { data: todo, errors } = await client.models.Todo.create({ todoId: 'MyUniqueTodoId', content: 'Buy Milk', completed: false });
 console.log(`New Todo created: ${todo.todoId}`); // New Todo created: MyUniqueTodoId
 ```
+</InlineFilter>
+
+<InlineFilter filters={["swift"]}>
+
+```swift
+let todo = Todo(
+    todoId: "MyUniqueTodoId",
+    content: "Buy Milk",
+    completed: false)
+let createdTodo = try await Amplify.API.mutate(request: .create(todo)).get()
+print("New Todo created: \(createdTodo)")
+```
+
+</InlineFilter>
 
 ## Composite identifier
 
@@ -90,8 +123,23 @@ const schema = a.schema({
   }).identifier(['tenantId', 'name'])
   .authorization(allow => [allow.publicApiKey()]),
 });
+```
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android", "flutter"]}>
 
+```ts
 const client = generateClient<Schema>();
 
 const branch = await client.models.StoreBranch.get({ tenantId: '123', name: 'Downtown' }); // All identifier fields are required when retrieving an item
 ```
+</InlineFilter>
+
+<InlineFilter filters={["swift"]}>
+```swift
+let queriedStoreBranch = try await Amplify.API.query(
+  request: .get(
+      StoreBranch.self,
+      byIdentifier: .identifier(
+          tenantId: "123",
+          name: "Downtown")))
+```
+</InlineFilter>