1
1
# Symfony UX Typed
2
2
3
- ** Deprecated: This package has been deprecated in 2.x and will be removed in the next major version.**
3
+ > [ !WARNING]
4
+ > ** Deprecated** : This package has been ** deprecated** in 2.x and will be removed in the next major version.
4
5
5
- To keep the same functionality in your Symfony application, you can follow these migration steps:
6
+ To keep the same functionality in your Symfony application, follow these migration steps:
6
7
7
8
1 . Install the ` typed.js ` library:
8
9
9
10
``` bash
10
- # If you are using Symfony AssetMapper:
11
+ # If using Symfony AssetMapper:
11
12
php bin/console importmap:require typed.js
12
13
13
- # If you are using NPM (e.g.: with Webpack Encore):
14
+ # If using NPM (e.g.: with Webpack Encore):
14
15
npm install typed.js
15
16
```
16
17
17
- 2 . Add the following code to your template :
18
+ 2 . Add the following code to your app :
18
19
19
20
<details ><summary ><code >assets/controllers/typed_controller.js</code ></summary >
20
21
@@ -79,7 +80,7 @@ export default class extends Controller {
79
80
80
81
</details >
81
82
82
- 3 . And finally, replace the ` symfony--ux-typed ` occurrences in your templates with ` typed ` , for example:
83
+ 3 . Replace the ` symfony--ux-typed ` occurrences in your templates with ` typed ` , for example:
83
84
84
85
``` diff
85
86
{% set strings = [
@@ -104,7 +105,11 @@ export default class extends Controller {
104
105
+ data-typed-strings-value="{{ strings|json_encode|e('html_attr') }}"
105
106
></span>
106
107
```
107
- ---
108
+
109
+ 4 . Remove symfony/ux-typed from your dependencies
110
+
111
+ ``` bash
112
+ composer remove symfony/ux-typed
108
113
109
114
Symfony UX Typed is a Symfony bundle integrating [Typed](https://github.com/mattboldt/typed.js/blob/master/README.md) in
110
115
Symfony applications. It is part of [the Symfony UX initiative](https://ux.symfony.com/).
0 commit comments