Skip to content

Commit fe60573

Browse files
committed
js -> ts
1 parent 15d2c7b commit fe60573

File tree

5 files changed

+40
-81
lines changed

5 files changed

+40
-81
lines changed

resources/assets/js/app.js

Lines changed: 0 additions & 22 deletions
This file was deleted.

resources/assets/js/bootstrap.js

Lines changed: 0 additions & 56 deletions
This file was deleted.

resources/assets/ts/app.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import Vue from 'vue';
2+
import './bootstrap';
3+
import ExampleComponent from './components/ExampleComponent.vue';
4+
5+
new Vue({
6+
el: '#app',
7+
render: h => h(ExampleComponent)
8+
});

resources/assets/ts/bootstrap.ts

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import Axios, { AxiosStatic } from 'axios';
2+
3+
declare global {
4+
interface Window {
5+
axios: AxiosStatic;
6+
}
7+
interface Element {
8+
content: string;
9+
}
10+
}
11+
12+
export default function bootstrap() {
13+
14+
window.axios = Axios;
15+
16+
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
17+
18+
let token = document.head.querySelector('meta[name="csrf-token"]');
19+
20+
if (token) {
21+
window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
22+
} else {
23+
console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
24+
}
25+
26+
}

resources/assets/js/components/ExampleComponent.vue renamed to resources/assets/ts/components/ExampleComponent.vue

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,9 +14,12 @@
1414
</div>
1515
</template>
1616

17-
<script>
18-
export default {
19-
mounted() {
17+
<script lang="ts">
18+
import {Vue, Component} from 'vue-property-decorator';
19+
20+
@Component
21+
export default class ExampleComponent extends Vue {
22+
mounted(): void {
2023
console.log('Component mounted.')
2124
}
2225
}

0 commit comments

Comments
 (0)