Skip to content

Commit

Permalink
Update tsx
Browse files Browse the repository at this point in the history
  • Loading branch information
mythz committed Feb 25, 2024
1 parent 6f4ccdb commit 0451fb2
Show file tree
Hide file tree
Showing 3 changed files with 2 additions and 23 deletions.
21 changes: 0 additions & 21 deletions src/_posts/2023-11-22_net8-best-blazor.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,6 @@ image: https://images.unsplash.com/photo-1482686115713-0fbcaced6e28?crop=entropy
author: Gayle Smith
---

<script setup>
import Counter from "./components/Counter.vue";
import BlazorVueTemplate from "./components/BlazorVueTemplate.vue";
</script>

The best way to find out what's new in .NET 8 Blazor is to watch the excellent
[Full stack web UI with Blazor in .NET 8](https://www.youtube.com/watch?v=QD2-DwuOfKM) presentation by Daniel Roth and Steve Sanderson,
which covers how Blazor has become a Full Stack UI Web Technology for developing any kind of .NET Web App.
Expand Down Expand Up @@ -402,12 +397,6 @@ export default {
}
```
:::{.text-center}
#### Blazor Counter in Vue.js
<counter></counter>
:::
## The new Blazor Vue Template
This ends up being how the Interactive features in the new [blazor-vue](https://github.com/NetCoreTemplates/blazor-vue/) template
Expand Down Expand Up @@ -437,16 +426,6 @@ Vue.js to and the [Vue Components](/vue/) library.
</div>
</div>
<div class="not-prose relative bg-white dark:bg-black py-4">
<div class="mx-auto max-w-md px-4 text-center sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
<p class="mt-2 text-3xl font-extrabold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">Create a new Blazor Vue Tailwind App</p>
<p class="mx-auto mt-5 max-w-prose text-xl text-gray-500">
Create a new Blazor Vue Tailwind project with your preferred project name:
</p>
</div>
<BlazorVueTemplate repo="NetCoreTemplates/blazor-vue" name="Blazor Vue" />
</div>
#### Faster iterative development
Other benefits of using Vue for Interactivity is the fast iterative feedback loop during development that even applies
Expand Down
2 changes: 1 addition & 1 deletion src/pages/blog.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -192,7 +192,7 @@ export default () => {
</section>)}
</div>
<div className="my-8 flex justify-center gap-x-4">
<SrcPage path="pages/blog.vue"/>
<SrcPage path="pages/blog.tsx"/>
</div>
</Layout>
</>)
Expand Down
2 changes: 1 addition & 1 deletion src/pages/videos.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export default () => {
group="react"/>

<div className="my-8 flex justify-center gap-x-4">
<SrcPage path="pages/videos.vue"/>
<SrcPage path="pages/videos.tsx"/>
</div>

</Layout>
Expand Down

0 comments on commit 0451fb2

Please sign in to comment.