Docs > Update installation steps, remove deprecated features

liveview-native · Dec 9, 2023 · a949e1d · a949e1d
1 parent 482b359
commit a949e1d
Show file tree

Hide file tree

Showing 15 changed files with 287 additions and 257 deletions.
diff --git a/guides/assets/images/first-ios.png b/guides/assets/images/first-ios.png
diff --git a/guides/assets/images/first-web.png b/guides/assets/images/first-web.png
diff --git a/guides/assets/images/hello-ipad.png b/guides/assets/images/hello-ipad.png
diff --git a/guides/assets/images/hello-iphone.png b/guides/assets/images/hello-iphone.png
diff --git a/guides/assets/images/hello-mac.png b/guides/assets/images/hello-mac.png
diff --git a/guides/assets/images/hello-watch.png b/guides/assets/images/hello-watch.png
diff --git a/guides/assets/images/hello-web.png b/guides/assets/images/hello-web.png
diff --git a/guides/common-features/modifiers.md b/guides/common-features/modifiers.md
diff --git a/guides/common-features/render-patterns.md b/guides/common-features/render-patterns.md
@@ -50,8 +50,6 @@ defmodule MyAppWeb.SharedComponents do
   use Phoenix.Component
   use LiveViewNative.Component
 
-  import ElixirconfChatWeb.Modclasses.SwiftUi, only: [modclass: 3]
-
   def logo(%{format: :swiftui} = assigns) do
     ~SWIFTUI"""
     <VStack>
@@ -106,7 +104,7 @@ end
 ### hello_live.swiftui.heex
 ```heex
 <VStack id="template-ios">
-  <HStack modifiers={padding(5)}>
+  <HStack class="p-5">
     <Text>A SwiftUI template, courtesy of hello_live.swiftui.heex</Text>
   </HStack>
 </VStack>
@@ -125,19 +123,17 @@ defmodule MyAppWeb.SharedComponents do
   use Phoenix.Component
   use LiveViewNative.Component
 
-  import ElixirconfChatWeb.Modclasses.SwiftUi, only: [modclass: 3]
-
   def logo(%{format: :swiftui} = assigns) do
     ~SWIFTUI"""
     <VStack>
-      <%= case @native.platform_config.user_interface_idiom do %>
-        <% "mac" -> %>
+      <%= case @target do %>
+        <% :mac -> %>
           <Text>Hello macOS!</Text>
-        <% "pad" -> %>
+        <% :pad -> %>
           <Text>Hello iPadOS!</Text>
-        <% "watch" -> %>
+        <% :watch -> %>
           <Text>Hello watchOS!</Text>
-        <% "tv" -> %>
+        <% :tv -> %>
           <Text>Hello tvOS!</Text>
         <% _ -> %>
           <Text>Hello iOS!</Text>

diff --git a/guides/common-features/template-syntax.md b/guides/common-features/template-syntax.md
@@ -26,7 +26,7 @@ defmodule MyAppWeb.MyComponents do
         <HStack>
           <Image name={@album.cover} />
           <VStack alignment="leading">
-            <Text modifiers={font_weight(:bold)}><%= song.title %></Text>
+            <Text class="bold"><%= song.title %></Text>
             <Text><%= song.artist.name %></Text>
           </VStack>
         </HStack>
@@ -71,7 +71,6 @@ Here we can observe various semantic changes to port SwiftUI code to EEx:
 2. The struct value `album` is an assign, `@album`, instead.
 3. Instead of passing `album.songs` as an argument, we use a comprehension.
     - `<Text>` elements take their arguments as values, similar to HTML.
-4. We can't call a function on an element like in SwiftUI, so the `.fontWeight(.bold)` modifier function is called as `font_weight(:bold)` and passed to the `modifiers` attribute.
 
 These conventions can generally be applied to all sorts of examples when using LiveView Native to build SwiftUI views.
 Because LiveView Native is modular, each platform library will have its own way of "bridging the gap" between the Elixir