docs(virtual-scroll): remove virtual scroll component (#2507)

Author: sean-perkins

docs/angular/virtual-scroll.md

@@ -1,8 +1,12 @@
 # Virtual Scroll
 
-In the past, we have provided an `ion-virtual-scroll` component in Ionic Framework to help with list virtualization. At the time this was not available in Angular, but recently Angular has provided its own solution via the `@angular/cdk` package.
+:::caution Looking for `ion-virtual-scroll`?
 
-## Setup
+`ion-virtual-scroll` was deprecated in v6.0.0 and removed in v7.0.0. We recommend using the `@angular/cdk` package detailed below.
+
+:::
+
+## Installation
 
 To setup the CDK Scroller, first install `@angular/cdk`:
 

docs/api/virtual-scroll.md

@@ -1,5 +1,11 @@
 # Virtual Scroll
 
+:::caution Looking for `ion-virtual-scroll`?
+
+`ion-virtual-scroll` was deprecated in v6.0.0 and removed in v7.0.0. We recommend using the Virtuoso package detailed below.
+
+:::
+
 One virtual scrolling solution to consider for your Ionic React app is [Virtuoso](https://virtuoso.dev/). This guide will go over how to install `Virtuoso` into your Ionic React application and use it with other Ionic components.
 
 ## Installation
@@ -51,12 +57,6 @@ From there, we can use the `itemContent` property to pass a function that will b
 
 An important thing to note here is the `div` that wraps our `IonItem` component. When lazy loading Ionic components, there may be a few frames where the component is loaded but the styles have not loaded in. When this happens, the component's dimension will be `0`, and Virtuoso may throw an error. This is because Virtuoso needs distinct positions for each item it renders, and it cannot determine that when a component's dimension is `0`.
 
-## A Note on Ionic Components
-
-Certain Ionic Framework functionality is currently not compatible with virtual scrolling. Features such as collapsible large titles, `ion-infinite-scroll`, and `ion-refresher` rely on being able to scroll on `ion-content` itself, and as a result will not work when using virtual scrolling.
-
-We are working to improve compatibility between these components and virtual scrolling solutions. You can follow progress and give feedback here: https://github.com/ionic-team/ionic-framework/issues/23437.
-
 ## Usage with Ionic Components
 
 Ionic Framework requires that features such as collapsible large titles, `ion-infinite-scroll`, `ion-refresher`, and `ion-reorder-group` be used within an `ion-content`. To use these experiences with virtual scrolling, you must add the `.ion-content-scroll-host` class to the virtual scroll viewport.
@@ -66,9 +66,7 @@ For example:
 ```tsx
 <IonPage>
   <IonContent scrollY={false}>
-    <Virtuoso className="ion-content-scroll-host">
-      {/* Your existing content and configurations */}
-    </Virtuoso>
+    <Virtuoso className="ion-content-scroll-host">{/* Your existing content and configurations */}</Virtuoso>
   </IonContent>
 </IonPage>
 ```

docs/react/virtual-scroll.md

@@ -1,6 +1,10 @@
 # Virtual Scroll
 
-One virtual scrolling solution to consider for your Ionic Vue app is [vue-virtual-scroller](https://github.com/Akryum/vue-virtual-scroller/blob/next/packages/vue-virtual-scroller/README.md). This guide will go over how to install `vue-virtual-scroller` into your Ionic Vue application and use it with other Ionic components.
+:::caution Looking for `ion-virtual-scroll`?
+
+`ion-virtual-scroll` was deprecated in v6.0.0 and removed in v7.0.0. We recommend using a Vue library to accomplish this. We outline one approach using `vue-virtual-scroller` below.
+
+:::
 
 ## Installation
 

docs/vue/virtual-scroll.md

@@ -344,7 +344,7 @@ module.exports = {
       type: 'category',
       label: 'List',
       collapsed: false,
-      items: ['api/list', 'api/list-header', 'api/virtual-scroll'],
+      items: ['api/list', 'api/list-header'],
     },
     {
       type: 'category',