File tree 1 file changed +24
-22
lines changed
resources/js/components/alpine
1 file changed +24
-22
lines changed Original file line number Diff line number Diff line change 1
1
document . addEventListener ( 'alpine:init' , ( ) => {
2
- Alpine . data ( 'tabs' , ( ) => ( {
3
- tab : null ,
4
- init ( ) {
5
- this . tab = this . $root . dataset . defaultTab ;
6
- } ,
7
- tabButton : {
8
- [ 'x-on:click' ] ( ) {
9
- this . tab = this . $el . dataset . tab ;
10
- } ,
11
- [ 'x-bind:role' ] ( ) {
12
- return 'tab' ;
13
- } ,
14
- [ 'x-bind:class' ] ( ) {
15
- return this . tab === this . $el . dataset . tab ? 'panel__tab panel__tab--active' : 'panel__tab' ;
16
- } ,
17
- } ,
18
- tabPanel : {
19
- [ 'x-show' ] ( ) {
20
- return this . tab === this . $el . dataset . tab ;
21
- } ,
22
- } ,
23
- } ) ) ;
2
+ Alpine . data ( 'tabs' , ( ) => ( {
3
+ tab : null ,
4
+ init ( ) {
5
+ this . tab = this . $root . dataset . defaultTab ;
6
+ } ,
7
+ tabButton : {
8
+ [ 'x-on:click' ] ( ) {
9
+ this . tab = this . $el . dataset . tab ;
10
+ } ,
11
+ [ 'x-bind:role' ] ( ) {
12
+ return 'tab' ;
13
+ } ,
14
+ [ 'x-bind:class' ] ( ) {
15
+ return this . tab === this . $el . dataset . tab
16
+ ? 'panel__tab panel__tab--active'
17
+ : 'panel__tab' ;
18
+ } ,
19
+ } ,
20
+ tabPanel : {
21
+ [ 'x-show' ] ( ) {
22
+ return this . tab === this . $el . dataset . tab ;
23
+ } ,
24
+ } ,
25
+ } ) ) ;
24
26
} ) ;
You can’t perform that action at this time.
0 commit comments