diff --git a/server/templates/_layouts/default.html b/server/templates/_layouts/default.vue
similarity index 100%
rename from server/templates/_layouts/default.html
rename to server/templates/_layouts/default.vue
diff --git a/server/templates/credits.html b/server/templates/credits.html
deleted file mode 100644
index b6f010c..0000000
--- a/server/templates/credits.html
+++ /dev/null
@@ -1 +0,0 @@
-{% extends "_layouts/default.html" %}{% block content %}<div class="hero min-h-[88vh]" style="background-image: url(static/assets/splash.jpg);"><div class="hero-overlay bg-opacity-60"></div><div class="hero-content text-neutral-content"><div class="max-w-md"><h1 class="mb-5 text-5xl font-bold">BerryDeck</h1><p class="mb-5">The definitive and comprehensive savefile editor. Work in progress.</p></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/credits.vue b/server/templates/credits.vue
new file mode 100644
index 0000000..d5db118
--- /dev/null
+++ b/server/templates/credits.vue
@@ -0,0 +1 @@
+{% extends "_layouts/default.vue" %}{% block content %}<div class="hero min-h-[88vh]" style="background-image: url(static/assets/splash.jpg);"><div class="hero-overlay bg-opacity-60"></div><div class="hero-content text-neutral-content"><div class="max-w-md"><h1 class="mb-5 text-5xl font-bold">BerryDeck</h1><p class="mb-5">The definitive and comprehensive savefile editor. Work in progress.</p></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/editor/editor.vue b/server/templates/editor/editor.vue
index bd49f87..c4dc747 100644
--- a/server/templates/editor/editor.vue
+++ b/server/templates/editor/editor.vue
@@ -1,4 +1,4 @@
-{% extends "_layouts/default.html" %}{% block title %}Editing '{{ s['semantic-fn'] }}' - BerryDeck{% endblock %}{% block navend %}
+{% extends "_layouts/default.vue" %}{% block title %}Editing '{{ s['semantic-fn'] }}' - BerryDeck{% endblock %}{% block navend %}
 <div class="flex-none"><a class="btn btn-ghost gap-2" href="/editor/download"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9.75v6.75m0 0l-3-3m3 3l3-3m-8.25 6a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z"></path></svg>Download Savefile</a></div>{% endblock %}
 
 {% block content%}
diff --git a/server/templates/editor/err/400.html b/server/templates/editor/err/400.html
deleted file mode 100644
index 579f888..0000000
--- a/server/templates/editor/err/400.html
+++ /dev/null
@@ -1 +0,0 @@
-{% extends "_layouts/default.html" %}{% block title %}400 Bad Request - BerryDeck{% endblock %}{% block content %}<div class="hero min-h-[88vh]"><div class="hero-content"><div class="max-w-md"><h1 class="mb-5 text-5xl font-bold">Bad or Damaged Savefile!</h1><p class="mb-5">Your savefile could not be read and parsed. This could be due to invalid XML syntax or file corruption. Select <b>Create</b> to start a new session.</p><br><b>Traceback:</b><div class="mockup-code bg-error text-primary-content"><pre><code>{{ err }}</code></pre></div></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/editor/err/400.vue b/server/templates/editor/err/400.vue
new file mode 100644
index 0000000..c18554a
--- /dev/null
+++ b/server/templates/editor/err/400.vue
@@ -0,0 +1 @@
+{% extends "_layouts/default.vue" %}{% block title %}400 Bad Request - BerryDeck{% endblock %}{% block content %}<div class="hero min-h-[88vh]"><div class="hero-content"><div class="max-w-md"><h1 class="mb-5 text-5xl font-bold">Bad or Damaged Savefile!</h1><p class="mb-5">Your savefile could not be read and parsed. This could be due to invalid XML syntax or file corruption. Select <b>Create</b> to start a new session.</p><br><b>Traceback:</b><div class="mockup-code bg-error text-primary-content"><pre><code>{{ err }}</code></pre></div></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/editor/err/401.html b/server/templates/editor/err/401.html
deleted file mode 100644
index e957997..0000000
--- a/server/templates/editor/err/401.html
+++ /dev/null
@@ -1 +0,0 @@
-{% extends "_layouts/default.html" %}{% block title %}Inactive Session - BerryDeck{% endblock %}{% block content %}<div class="hero min-h-[88vh]"><div class="hero-content text-center"><div class="max-w-md"><h1 class="mb-5 text-5xl font-bold">Inactive Session!</h1><p class="mb-5">Couldn't find your last editor session. Select <b>Create</b> to start a new one.</p></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/editor/err/401.vue b/server/templates/editor/err/401.vue
new file mode 100644
index 0000000..8ce6f1e
--- /dev/null
+++ b/server/templates/editor/err/401.vue
@@ -0,0 +1 @@
+{% extends "_layouts/default.vue" %}{% block title %}Inactive Session - BerryDeck{% endblock %}{% block content %}<div class="hero min-h-[88vh]"><div class="hero-content text-center"><div class="max-w-md"><h1 class="mb-5 text-5xl font-bold">Inactive Session!</h1><p class="mb-5">Couldn't find your last editor session. Select <b>Create</b> to start a new one.</p></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/editor/err/410.html b/server/templates/editor/err/410.html
deleted file mode 100644
index effe523..0000000
--- a/server/templates/editor/err/410.html
+++ /dev/null
@@ -1 +0,0 @@
-{% extends "_layouts/default.html" %}{% block title %}Inactive Session - BerryDeck{% endblock %}{% block content %}<div class="hero min-h-[88vh]"><div class="hero-content text-center"><div class="max-w-md"><h1 class="mb-5 text-5xl font-bold">Expired Session!</h1><p class="mb-5">Your last editing session has expired, make to save your files before leaving the site! Select <b>Create</b> to start a new one.</p></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/editor/err/410.vue b/server/templates/editor/err/410.vue
new file mode 100644
index 0000000..6aa343a
--- /dev/null
+++ b/server/templates/editor/err/410.vue
@@ -0,0 +1 @@
+{% extends "_layouts/default.vue" %}{% block title %}Inactive Session - BerryDeck{% endblock %}{% block content %}<div class="hero min-h-[88vh]"><div class="hero-content text-center"><div class="max-w-md"><h1 class="mb-5 text-5xl font-bold">Expired Session!</h1><p class="mb-5">Your last editing session has expired, make to save your files before leaving the site! Select <b>Create</b> to start a new one.</p></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/index.html b/server/templates/index.html
deleted file mode 100644
index b7b22f4..0000000
--- a/server/templates/index.html
+++ /dev/null
@@ -1 +0,0 @@
-{% extends "_layouts/default.html" %}{% block navend %}{{ super() }}{% if s.get("fn") and s.get("semantic-fn") %}<a href="/editor" class="btn btn-success rounded gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"></path></svg>Current Session</a>{% endif %}{% endblock %}{% block content %}<div class="hero min-h-[88vh]" style="background-image: url(static/assets/splash.jpg);"><div class="hero-overlay bg-opacity-60"></div><div class="hero-content text-neutral-content"><div class="max-w-md"><h1 class="mb-5 text-5xl font-bold">BerryDeck</h1><p class="mb-5">The definitive and comprehensive savefile editor. Work in progress.</p></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/index.vue b/server/templates/index.vue
new file mode 100644
index 0000000..dadbb16
--- /dev/null
+++ b/server/templates/index.vue
@@ -0,0 +1 @@
+{% extends "_layouts/default.vue" %}{% block navend %}{{ super() }}{% if s.get("fn") and s.get("semantic-fn") %}<a href="/editor" class="btn btn-success rounded gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"></path></svg>Current Session</a>{% endif %}{% endblock %}{% block content %}<div class="hero min-h-[88vh]" style="background-image: url(static/assets/splash.jpg);"><div class="hero-overlay bg-opacity-60"></div><div class="hero-content text-neutral-content"><div class="max-w-md"><h1 class="mb-5 text-5xl font-bold">BerryDeck</h1><p class="mb-5">The definitive and comprehensive savefile editor. Work in progress.</p></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/theme.html b/server/templates/theme.html
deleted file mode 100644
index 3674a02..0000000
--- a/server/templates/theme.html
+++ /dev/null
@@ -1 +0,0 @@
-{% extends "_layouts/default.html" %}{% block title %}theme peek or sumn{% endblock %}{% block content %}<div class="flex flex-row min-h-screen justify-center items-center" data-theme="cupcake"><div class="my-14 rounded-box bg-base-100  border-base-content/5 text-base-content not-prose grid gap-3 border p-6" style="--p:259 94% 51%; --s:314 100% 47%; --a:174 60% 51%; --n:219 14% 28%; --b1:0 0% 100%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --pf:259 94% 41%; --sf:314 100% 38%; --af:174 60% 41%; --nf:221 14% 22%; --b2:0 0% 90%; --b3:0 0% 80%; --bc:0 0% 20%; --pc:259 100% 90%; --sc:314 100% 89%; --ac:174 100% 10%; --nc:219 60% 86%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%;"><h2 class="px-2 pb-4 text-xl font-bold">Theme Preview</h2> <div class="grid grid-cols-2 gap-2 md:grid-cols-4"><button class="btn">Default</button> <button class="btn btn-primary">Primary</button> <button class="btn btn-secondary">Secondary</button> <button class="btn btn-accent">Accent</button> <button class="btn btn-info">Info</button> <button class="btn btn-success">Success</button> <button class="btn btn-warning">Warning</button> <button class="btn btn-error">Error</button></div> <div class="grid grid-cols-2 place-items-center gap-2 md:grid-cols-4"><span class="badge">Default</span> <span class="badge badge-primary">Primary</span> <span class="badge badge-secondary">Secondary</span> <span class="badge badge-accent">Accent</span> <span class="badge badge-info">Info</span> <span class="badge badge-success">Success</span> <span class="badge badge-warning">Warning</span> <span class="badge badge-error">Error</span></div> <div class="flex flex-col gap-3"><div class="flex flex-col gap-3 md:flex-row"><div class="md:w-1/2"><div class="tabs"><button class="tab tab-lifted">Tab</button> <button class="tab tab-lifted tab-active">Tab</button> <button class="tab tab-lifted">Tab</button></div> <div class="flex flex-col"><span class="link">I'm a simple link</span> <span class="link link-primary">I'm a simple link</span> <span class="link link-secondary">I'm a simple link</span> <span class="link link-accent">I'm a simple link</span></div></div> <div class="flex flex-col gap-3 md:w-1/2"><progress value="20" max="100" class="progress">Default</progress> <progress value="25" max="100" class="progress progress-primary">Primary</progress> <progress value="30" max="100" class="progress progress-secondary">Secondary</progress> <progress value="40" max="100" class="progress progress-accent">Accent</progress> <progress value="45" max="100" class="progress progress-info">Info</progress> <progress value="55" max="100" class="progress progress-success">Success</progress> <progress value="70" max="100" class="progress progress-warning">Warning</progress> <progress value="90" max="100" class="progress progress-error">Error</progress></div></div> <div class="flex flex-col gap-3 md:flex-row"><div class="stats bg-base-300 border-base-300 border md:w-1/2"><div class="stat"><div class="stat-title">Total Page Views</div> <div class="stat-value">89,400</div> <div class="stat-desc">21% more than last month</div></div></div> <div class="flex flex-wrap items-center justify-center gap-3 md:w-1/2"><div class="radial-progress" style="--value:60; --size:3.5rem;">60%</div> <div class="radial-progress" style="--value:75; --size:3.5rem;">75%</div> <div class="radial-progress" style="--value:90; --size:3.5rem;">90%</div></div></div></div> <div class="flex flex-col gap-3"><div class="flex flex-col gap-3 md:flex-row"><div class="md:w-1/2"><div><input type="checkbox" class="toggle"> <input type="checkbox" class="toggle toggle-primary"> <input type="checkbox" class="toggle toggle-secondary"> <input type="checkbox" class="toggle toggle-accent"></div> <div><input type="checkbox" class="checkbox"> <input type="checkbox" class="checkbox checkbox-primary"> <input type="checkbox" class="checkbox checkbox-secondary"> <input type="checkbox" class="checkbox checkbox-accent"></div> <div><input type="radio" name="radio-1" class="radio"> <input type="radio" name="radio-1" class="radio radio-primary"> <input type="radio" name="radio-1" class="radio radio-secondary"> <input type="radio" name="radio-1" class="radio radio-accent"></div></div> <div class="md:w-1/2"><input type="range" min="0" max="100" class="range range-xs"> <input type="range" min="0" max="100" class="range range-xs range-primary"> <input type="range" min="0" max="100" class="range range-xs range-secondary"> <input type="range" min="0" max="100" class="range range-xs range-accent"></div></div> <div class="flex flex-col gap-3 md:flex-row"><div class="flex flex-col gap-3 md:w-1/2"><input type="text" placeholder="Default" class="input input-bordered w-full"> <input type="text" placeholder="Primary" class="input input-primary input-bordered w-full"> <input type="text" placeholder="Secondary" class="input input-secondary input-bordered w-full"> <input type="text" placeholder="Accent" class="input input-accent input-bordered w-full"></div> <div class="flex flex-col gap-3 md:w-1/2"><input type="text" placeholder="Info" class="input input-info input-bordered w-full"> <input type="text" placeholder="Success" class="input input-success input-bordered w-full"> <input type="text" placeholder="Warning" class="input input-warning input-bordered w-full"> <input type="text" placeholder="Error" class="input input-error input-bordered w-full"></div></div> <div class="navbar bg-neutral text-neutral-content rounded-box"><div class="flex-none"><button class="btn btn-square btn-ghost"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block h-5 w-5 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div> <div class="flex-1"><button class="btn btn-ghost text-xl normal-case">daisyUI</button></div></div> <div class="flex gap-3"><div class="flex flex-grow flex-col gap-3"><div class="text-4xl font-bold">Text Size 1</div> <div class="text-3xl font-bold">Text Size 2</div> <div class="text-2xl font-bold">Text Size 3</div> <div class="text-xl font-bold">Text Size 4</div> <div class="text-lg font-bold">Text Size 5</div> <div class="text-sm font-bold">Text Size 6</div> <div class="text-xs font-bold">Text Size 7</div></div> <ul class="steps steps-vertical"><li class="step step-primary">Step 1</li> <li class="step step-primary">Step 2</li> <li class="step">Step 3</li> <li class="step">Step 4</li></ul></div></div> <div class="flex flex-col gap-3"><div class="alert"><div><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-info h-6 w-6 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>12 unread messages. Tap to see.</span></div></div> <div class="alert alert-info"><div><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="h-6 w-6 flex-shrink-0 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>New software update available.</span></div></div> <div class="alert alert-success"><div><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 stroke-current" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>Your purchase has been confirmed!</span></div></div> <div class="alert alert-warning"><div><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 stroke-current" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg> <span>Warning: Invalid email address!</span></div></div> <div class="alert alert-error"><div><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 stroke-current" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>Error! Task failed successfully.</span></div></div></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/server/templates/theme.vue b/server/templates/theme.vue
new file mode 100644
index 0000000..7f6dd6d
--- /dev/null
+++ b/server/templates/theme.vue
@@ -0,0 +1 @@
+{% extends "_layouts/default.vue" %}{% block title %}theme peek or sumn{% endblock %}{% block content %}<div class="flex flex-row min-h-screen justify-center items-center" data-theme="cupcake"><div class="my-14 rounded-box bg-base-100  border-base-content/5 text-base-content not-prose grid gap-3 border p-6" style="--p:259 94% 51%; --s:314 100% 47%; --a:174 60% 51%; --n:219 14% 28%; --b1:0 0% 100%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --pf:259 94% 41%; --sf:314 100% 38%; --af:174 60% 41%; --nf:221 14% 22%; --b2:0 0% 90%; --b3:0 0% 80%; --bc:0 0% 20%; --pc:259 100% 90%; --sc:314 100% 89%; --ac:174 100% 10%; --nc:219 60% 86%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%;"><h2 class="px-2 pb-4 text-xl font-bold">Theme Preview</h2> <div class="grid grid-cols-2 gap-2 md:grid-cols-4"><button class="btn">Default</button> <button class="btn btn-primary">Primary</button> <button class="btn btn-secondary">Secondary</button> <button class="btn btn-accent">Accent</button> <button class="btn btn-info">Info</button> <button class="btn btn-success">Success</button> <button class="btn btn-warning">Warning</button> <button class="btn btn-error">Error</button></div> <div class="grid grid-cols-2 place-items-center gap-2 md:grid-cols-4"><span class="badge">Default</span> <span class="badge badge-primary">Primary</span> <span class="badge badge-secondary">Secondary</span> <span class="badge badge-accent">Accent</span> <span class="badge badge-info">Info</span> <span class="badge badge-success">Success</span> <span class="badge badge-warning">Warning</span> <span class="badge badge-error">Error</span></div> <div class="flex flex-col gap-3"><div class="flex flex-col gap-3 md:flex-row"><div class="md:w-1/2"><div class="tabs"><button class="tab tab-lifted">Tab</button> <button class="tab tab-lifted tab-active">Tab</button> <button class="tab tab-lifted">Tab</button></div> <div class="flex flex-col"><span class="link">I'm a simple link</span> <span class="link link-primary">I'm a simple link</span> <span class="link link-secondary">I'm a simple link</span> <span class="link link-accent">I'm a simple link</span></div></div> <div class="flex flex-col gap-3 md:w-1/2"><progress value="20" max="100" class="progress">Default</progress> <progress value="25" max="100" class="progress progress-primary">Primary</progress> <progress value="30" max="100" class="progress progress-secondary">Secondary</progress> <progress value="40" max="100" class="progress progress-accent">Accent</progress> <progress value="45" max="100" class="progress progress-info">Info</progress> <progress value="55" max="100" class="progress progress-success">Success</progress> <progress value="70" max="100" class="progress progress-warning">Warning</progress> <progress value="90" max="100" class="progress progress-error">Error</progress></div></div> <div class="flex flex-col gap-3 md:flex-row"><div class="stats bg-base-300 border-base-300 border md:w-1/2"><div class="stat"><div class="stat-title">Total Page Views</div> <div class="stat-value">89,400</div> <div class="stat-desc">21% more than last month</div></div></div> <div class="flex flex-wrap items-center justify-center gap-3 md:w-1/2"><div class="radial-progress" style="--value:60; --size:3.5rem;">60%</div> <div class="radial-progress" style="--value:75; --size:3.5rem;">75%</div> <div class="radial-progress" style="--value:90; --size:3.5rem;">90%</div></div></div></div> <div class="flex flex-col gap-3"><div class="flex flex-col gap-3 md:flex-row"><div class="md:w-1/2"><div><input type="checkbox" class="toggle"> <input type="checkbox" class="toggle toggle-primary"> <input type="checkbox" class="toggle toggle-secondary"> <input type="checkbox" class="toggle toggle-accent"></div> <div><input type="checkbox" class="checkbox"> <input type="checkbox" class="checkbox checkbox-primary"> <input type="checkbox" class="checkbox checkbox-secondary"> <input type="checkbox" class="checkbox checkbox-accent"></div> <div><input type="radio" name="radio-1" class="radio"> <input type="radio" name="radio-1" class="radio radio-primary"> <input type="radio" name="radio-1" class="radio radio-secondary"> <input type="radio" name="radio-1" class="radio radio-accent"></div></div> <div class="md:w-1/2"><input type="range" min="0" max="100" class="range range-xs"> <input type="range" min="0" max="100" class="range range-xs range-primary"> <input type="range" min="0" max="100" class="range range-xs range-secondary"> <input type="range" min="0" max="100" class="range range-xs range-accent"></div></div> <div class="flex flex-col gap-3 md:flex-row"><div class="flex flex-col gap-3 md:w-1/2"><input type="text" placeholder="Default" class="input input-bordered w-full"> <input type="text" placeholder="Primary" class="input input-primary input-bordered w-full"> <input type="text" placeholder="Secondary" class="input input-secondary input-bordered w-full"> <input type="text" placeholder="Accent" class="input input-accent input-bordered w-full"></div> <div class="flex flex-col gap-3 md:w-1/2"><input type="text" placeholder="Info" class="input input-info input-bordered w-full"> <input type="text" placeholder="Success" class="input input-success input-bordered w-full"> <input type="text" placeholder="Warning" class="input input-warning input-bordered w-full"> <input type="text" placeholder="Error" class="input input-error input-bordered w-full"></div></div> <div class="navbar bg-neutral text-neutral-content rounded-box"><div class="flex-none"><button class="btn btn-square btn-ghost"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="inline-block h-5 w-5 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div> <div class="flex-1"><button class="btn btn-ghost text-xl normal-case">daisyUI</button></div></div> <div class="flex gap-3"><div class="flex flex-grow flex-col gap-3"><div class="text-4xl font-bold">Text Size 1</div> <div class="text-3xl font-bold">Text Size 2</div> <div class="text-2xl font-bold">Text Size 3</div> <div class="text-xl font-bold">Text Size 4</div> <div class="text-lg font-bold">Text Size 5</div> <div class="text-sm font-bold">Text Size 6</div> <div class="text-xs font-bold">Text Size 7</div></div> <ul class="steps steps-vertical"><li class="step step-primary">Step 1</li> <li class="step step-primary">Step 2</li> <li class="step">Step 3</li> <li class="step">Step 4</li></ul></div></div> <div class="flex flex-col gap-3"><div class="alert"><div><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-info h-6 w-6 flex-shrink-0"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>12 unread messages. Tap to see.</span></div></div> <div class="alert alert-info"><div><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="h-6 w-6 flex-shrink-0 stroke-current"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>New software update available.</span></div></div> <div class="alert alert-success"><div><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 stroke-current" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>Your purchase has been confirmed!</span></div></div> <div class="alert alert-warning"><div><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 stroke-current" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg> <span>Warning: Invalid email address!</span></div></div> <div class="alert alert-error"><div><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 flex-shrink-0 stroke-current" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>Error! Task failed successfully.</span></div></div></div></div></div>{% endblock %}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index dc02f51..9cfb0c3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,7 +7,7 @@ module.exports = {
         themes: ["cupcake", "dark"]
     },
     content: [
-        "./server/templates/**/*.{html,xhtml}",
+        "./server/templates/**/*.{html,vue}",
         "./server/static/styles/src/*.css"
     ]
 }
\ No newline at end of file