refactor

swift502 · Nov 15, 2024 · 02a0972 · 02a0972
1 parent d81b041
commit 02a0972
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 10 deletions.
diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -39,6 +39,7 @@ const pageInfo = getPageInfo({
 	</div>
 	<script>
 		import '@google/model-viewer';
+		import '../scripts/model-viewer.js';
 	</script>
 </Layout>
 

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -51,7 +51,8 @@ const pageInfo = getPageInfo({
 
 <script>
 	import '@google/model-viewer';
-	import '../scripts/homepage-model-viewer.js';
+	import '../scripts/model-viewer.js';
+	import '../scripts/model-viewer-homepage.js';
 	import '../scripts/typewriter.js';
 </script>
 

diff --git a/src/scripts/homepage-model-viewer.js → src/scripts/model-viewer-homepage.js b/src/scripts/homepage-model-viewer.js → src/scripts/model-viewer-homepage.js
@@ -2,15 +2,6 @@ import modelList from '../data/models.yml';
 import { getRandomInt, extractFilename } from './utilities';
 const modelViewer = document.querySelector('model-viewer');
 
-// Disable outline
-const style = document.createElement('style');
-style.textContent = `
-	:focus-visible {
-		outline: none;
-	}
-`;
-modelViewer.shadowRoot.appendChild(style);
-
 // Model setter
 function setModel(index)
 {

diff --git a/src/scripts/model-viewer.js b/src/scripts/model-viewer.js
@@ -0,0 +1,10 @@
+const modelViewer = document.querySelector('model-viewer');
+
+// Disable outline
+const style = document.createElement('style');
+style.textContent = `
+	:focus-visible {
+		outline: none;
+	}
+`;
+modelViewer.shadowRoot.appendChild(style);