diff --git a/resources/js/bootstrap.js b/resources/js/bootstrap.js index 9ee62e9..5f1390b 100644 --- a/resources/js/bootstrap.js +++ b/resources/js/bootstrap.js @@ -2,12 +2,3 @@ import axios from 'axios'; window.axios = axios; window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; - -import { createApp } from 'vue'; -import ShareNinja from './components/ShareNinja.vue'; - -document.addEventListener('DOMContentLoaded', () => { - const app = createApp({}); - app.component('share-ninja', ShareNinja); - app.mount('#app'); -}); diff --git a/resources/js/vue.js b/resources/js/vue.js new file mode 100644 index 0000000..d5d5852 --- /dev/null +++ b/resources/js/vue.js @@ -0,0 +1,8 @@ +import { createApp } from 'vue'; +import ShareNinja from './components/ShareNinja.vue'; + +document.addEventListener('DOMContentLoaded', () => { + const app = createApp({}); + app.component('share-ninja', ShareNinja); + app.mount('#app'); +}); diff --git a/resources/views/components/layout/main.blade.php b/resources/views/components/layout/main.blade.php index 7758a97..f083ac9 100644 --- a/resources/views/components/layout/main.blade.php +++ b/resources/views/components/layout/main.blade.php @@ -18,16 +18,18 @@ @endif - - + +
+ -
- {{ $slot }} -
+
+ {{ $slot }} +
- + - @vite('resources/js/app.js') - @stack('scripts') + @vite('resources/js/app.js') + @stack('scripts') +
diff --git a/resources/views/inscription.blade.php b/resources/views/inscription.blade.php index 5f29f75..166e2ed 100644 --- a/resources/views/inscription.blade.php +++ b/resources/views/inscription.blade.php @@ -16,208 +16,214 @@ @endif - - + +
+ -
-
-
-
-
-
-

- {{ $inscription->name }} -

- @if($ninja5->isCoreMemberForInscriptionId($inscription->inscription_id)) -
- -
+
+
+
+
+
+
+

+ {{ $inscription->name }} +

+ @if($ninja5->isCoreMemberForInscriptionId($inscription->inscription_id)) +
+ +
+ @endif +
+ @if($ninja5->getTwitterHandleForInscriprionId($inscription->inscription_id)) +
+ + {{ $ninja5->getTwitterNameForInscriprionId($inscription->inscription_id) }} + + + + {{ Str::of('@')->append($ninja5->getTwitterHandleForInscriprionId($inscription->inscription_id)) }} + +
@endif
- @if($ninja5->getTwitterHandleForInscriprionId($inscription->inscription_id)) -
- - {{ $ninja5->getTwitterNameForInscriprionId($inscription->inscription_id) }} - - - - {{ Str::of('@')->append($ninja5->getTwitterHandleForInscriprionId($inscription->inscription_id)) }} - -
- @endif -
-
- @if($inscription->fullSvgExists()) -
- @svg( - 'ninjas.'.$inscription->getInternalCollectionId(), - 'mt-4 md:mt-0 w-full md:w-64 border border-2 border-orange-400 rounded-lg' - ) -
- - - - - - +
+ @if($inscription->fullSvgExists()) +
+ @svg( + 'ninjas.'.$inscription->getInternalCollectionId(), + 'mt-4 md:mt-0 w-full md:w-64 border border-2 border-orange-400 rounded-lg' + ) +
+ + + + + + +
-
- - Download SVG - - @endif + + Download SVG + + @endif +
-
-
+
- @if($inscription->hasMoodzImages()) -
-
-
- @foreach($inscription->getMoodzFullUrls() as $url) - {{ $inscription->name }} animation by 0xmoodz - @endforeach -
-
-

- animation by - @0xmoodz -

+ @if($inscription->hasMoodzImages()) +
+
+
+ @foreach($inscription->getMoodzFullUrls() as $url) + {{ $inscription->name }} animation by 0xmoodz + @endforeach +
+
+

+ animation by + @0xmoodz +

+
-
-
- @endif + + @endif - @if($inscription->hasBtcLoongImages()) -
-
-
- @foreach($inscription->getBtcLoongFullUrls() as $url) - {{ $inscription->name }} art by loong.btc - @endforeach -
-
-

- art by - @btc_loong -

+ @if($inscription->hasBtcLoongImages()) +
+
+
+ @foreach($inscription->getBtcLoongFullUrls() as $url) + {{ $inscription->name }} art by loong.btc + @endforeach +
+
+

+ art by + @btc_loong +

+
-
-
- @endif + + @endif - @if($inscription->hasJasmineImages()) -
-
-
- @foreach($inscription->getJasmineFullUrls() as $url) - {{ $inscription->name }} art by jasmine - @endforeach -
-
-

- art by - @itisjasminnee -

+ @if($inscription->hasJasmineImages()) +
+
+
+ @foreach($inscription->getJasmineFullUrls() as $url) + {{ $inscription->name }} art by jasmine + @endforeach +
+
+

+ art by + @itisjasminnee +

+
-
-
- @endif + + @endif -
-
-
- @foreach($inscription->getSvgComponentsInscriptionIds() as $item) - - @endforeach +
+

+ Traits +

+
+
+ @foreach($inscription->getSvgComponentsInscriptionIds() as $item) + + @endforeach +
-
-
+ -
-
-
-

- {{ $inscription->name }} has {{ $inscription->getSvgComponentCount() }} components with a total file size of {{ Number::fileSize($inscription->getSvgComponentsTotalFileSize(), precision: 2) }} -

-

- A Pizza Ninja is an HTML file,
- a script inside that HTML file is called to load its elements dynamically.
-

-

- For {{ $inscription->name }} this Ninja.load() function is called: -

-
-
-
-
-
-
-
-
- Ninja.load() +
+
+
+

+ {{ $inscription->name }} has {{ $inscription->getSvgComponentCount() }} components with a total file size of {{ Number::fileSize($inscription->getSvgComponentsTotalFileSize(), precision: 2) }} +

+

+ A Pizza Ninja is an HTML file,
+ a script inside that HTML file is called to load its elements dynamically.
+

+

+ For {{ $inscription->name }} this Ninja.load() function is called: +

+
+
+
+
+
+
+
+
+ Ninja.load() +
-
-
-
- {!! json_encode($inscription->meta) !!} +
+
+ {!! json_encode($inscription->meta) !!} +
-
-
+
- + - @vite('resources/js/app.js') + @vite('resources/js/app.js') + @vite('resources/js/vue.js') +
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index c20e4e2..644d3ca 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -2,7 +2,7 @@
- @@ -64,14 +64,14 @@ class="hover:text-orange-100" @pushOnce('scripts') @endPushOnce diff --git a/vite.config.js b/vite.config.js index 68aede9..ca78fba 100644 --- a/vite.config.js +++ b/vite.config.js @@ -12,7 +12,8 @@ export default defineConfig({ input: [ 'resources/css/app.css', 'resources/js/app.js', - 'resources/js/chart.js' + 'resources/js/chart.js', + 'resources/js/vue.js' ], refresh: true, }),