feat: use autoimport for components in posts

package.json

@@ -50,6 +50,7 @@
 		"svelte-check": "^2.9.0",
 		"svelte-preprocess": "^4.10.7",
 		"svelte-preprocess-import-assets": "^0.1.6",
+		"sveltekit-autoimport": "^1.6.9",
 		"vanilla-lazyload": "^17.8.3",
 		"vite": "^3.1.0",
 		"vite-imagetools": "^4.0.9"

src/content/blog/best-medium-format-camera-for-starting-out/index.md

@@ -13,11 +13,6 @@ categories: ''
 tags: ''
 ---
 
-<script>
-  import ExternalLink from '$lib/components/ExternalLink.svelte';
-  import Link from '$lib/components/Link.svelte';
-</script>
-
 ## What is a Medium Format Camera?
 
 If you are old enough to remember the analogue film camera era, chances are it is the 35&nbsp;mm canisters with the track cut down the side that first come to mind. Shots normally had a 3:2 aspect ratio measuring 36&times;24&nbsp;mm. Medium format film is a whole lot bigger. There is no single prevalent form factor, the film is 60mm across and depending on the camera you can shoot negative frames from 60&times;60 mm to 60 &times; 170 &nbsp;mm. That said 1:1 and roughly 4:5 (from 60 &times; 70 frames) are probably most common. With 35mm film you could nominally get 24 or 36 exposures onto a film. Medium format film is most common in the 120 variety, which lets you shoot 12 exposures. Double length 220 film is less common now. If you do find a roll, you might need to adjust your camera when you load it. Cameras ,like the Pentax 67 have a pressure plate to hold the film flat in the camera. Since 220 film does not have backing paper, it needs a different pressure setting.

src/content/blog/folding-camera/index.md

@@ -13,10 +13,6 @@ categories: ''
 tags: ''
 ---
 
-<script>
-  import ExternalLink from '$lib/components/ExternalLink.svelte';
-</script>
-
 ## What is a Folding Camera?
 
 Folding cameras are a well kept secret. Typically the optics are amazing, in fact often better than modern mirrorless and high end DSLR lenses. This is related to the physics, put simply, it is easier to make a good small lens than a large one. On top they are compact, something like the Agfa Isolette can fit into a pocket (they are expensive and quite old cameras so a padded camera bag would be safer!). One drawback is that you cannot usually swap lenses. If you want a halfway-house, try the Mamiya 6. It has a wide angle, normal and telephoto lens, though it does not collapse to as flat a profile as the Isolette.

src/content/blog/twin-lens-reflex-camera/index.md

@@ -13,10 +13,6 @@ categories: ''
 tags: ''
 ---
 
-<script>
-  import ExternalLink from '$lib/components/ExternalLink.svelte';
-</script>
-
 ## What is a Twin Lens Reflex Camera?
 
 Traditionally, the most common type of camera was a Single Lens Reflex camera. Today digital mirrorless cameras are becoming more prevalent. These cameras have an electronic viewfinder which lets you see exactly what will appear in the capture. Things weren't that easy with earlier film cameras. The image needs to be captured on light sensitive film, which must be kept in alight-sealed compartment until you press the shutter release. Since the lens is aligned for capturing your image on the film, you need another way to preview and line up your shot. Single Lens Reflex cameras have view finder, normally at the top of the camera. A mirror inside the camera reflects the image into the viewfinder, deflecting from the film, while you line up your shot. When you fire the shutter, the camera automatically lifts the mirror out of the way before opening the shutter, so that the image can be captured.

vite.config.js

@@ -1,12 +1,18 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import { imagetools } from 'vite-imagetools';
+import autoImport from 'sveltekit-autoimport';
+
+const autoImportConfig = {
+	components: ['./src/lib/components'],
+	include: ['**/*.svelte', './src/content/blog/**/*.md'],
+};
 
 /** @type {import('vite').UserConfig} */
 const config = {
 	define: {
 		'process.env.VITE_BUILD_TIME': JSON.stringify(new Date().toISOString()),
 	},
-	plugins: [imagetools(), sveltekit()],
+	plugins: [autoImport(autoImportConfig), imagetools(), sveltekit()],
 	server: {
 		port: 5173,
 		strictPort: false,