rm useLayout and Add examples/advanced/tsx example

docs/content/4.examples/6.advanced/tsx.md

@@ -0,0 +1,9 @@
+---
+template: Example
+---
+
+# Tsx
+
+This example shows how to use `Tsx` in Nuxt pages and components
+
+::sandbox{repo="nuxt/framework" branch="main" dir="examples/advanced/tsx" file="nuxt.config.ts"}

examples/advanced/tsx/app.vue

@@ -0,0 +1,23 @@
+<script lang="tsx" setup>
+const welcome = () => {
+  return <span>Welcome </span>
+}
+const nuxt3 = () => {
+  return <span>nuxt3</span>
+}
+const content = () => {
+  return (
+    <div>
+      {welcome()}
+      <span>to </span>
+      {nuxt3()}
+    </div>
+  )
+}
+</script>
+<template>
+  <div>
+    <contentDom />
+    <content />
+  </div>
+</template>

examples/advanced/tsx/components/contentDom.tsx

@@ -0,0 +1,12 @@
+
+let content: string = '`tsx` components exported using functions'
+
+const contentDom = () => {
+  return (
+    <div>
+      <span>{content}</span>
+    </div>
+  )
+};
+
+export default contentDom

examples/advanced/tsx/nuxt.config.ts

@@ -0,0 +1,4 @@
+import { defineNuxtConfig } from 'nuxt'
+
+export default defineNuxtConfig({
+})

examples/advanced/tsx/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "tsx",
+  "private": true,
+  "scripts": {
+    "build": "nuxi build",
+    "dev": "nuxi dev",
+    "start": "nuxi preview"
+  },
+  "devDependencies": {
+    "nuxt": "npm:nuxt3@latest"
+  }
+}

examples/advanced/tsx/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./.nuxt/tsconfig.json"
+}

packages/nuxt/src/app/composables/index.ts

@@ -2,7 +2,6 @@ export { defineNuxtComponent } from './component'
 export { useAsyncData, useLazyAsyncData, refreshNuxtData } from './asyncData'
 export type { AsyncDataOptions, AsyncData } from './asyncData'
 export { useHydration } from './hydrate'
-export { useLayout } from './layout'
 export { useState } from './state'
 export { clearError, createError, isNuxtError, throwError, showError, useError } from './error'
 export type { NuxtError } from './error'

packages/nuxt/src/auto-imports/presets.ts

@@ -25,7 +25,6 @@ const appPreset = defineUnimportPreset({
     'useAsyncData',
     'useLazyAsyncData',
     'refreshNuxtData',
-    'useLayout',
     'defineNuxtComponent',
     'useNuxtApp',
     'defineNuxtPlugin',

yarn.lock

@@ -13109,6 +13109,14 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tsx@workspace:examples/advanced/tsx":
+  version: 0.0.0-use.local
+  resolution: "tsx@workspace:examples/advanced/tsx"
+  dependencies:
+    nuxt: "npm:nuxt3@latest"
+  languageName: unknown
+  linkType: soft
+
 "type-check@npm:^0.4.0, type-check@npm:~0.4.0":
   version: 0.4.0
   resolution: "type-check@npm:0.4.0"